검색 본문
potatodeveloper.tistory.com 우당탕탕 개발자일지 [Vue]Vue.js 설치 및 사용(feat. Node.js) 1. Node.js 설치 해당 URL에 접속한다. https://nodejs.org/en Node.js — Run JavaScript Everywhere Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 들어가자마자 보이는 Download 버튼을 클릭한다.( 본인의 운영 환경에 맞게 다운로드하면 된다. 필자는 Window, 64bit) 설치 창이 나타나면 [Next]버튼을 계속 클릭하면서 설치한다. 설치가 완료된 이후에는 Node.js의 환경변수 설정을 해줘 2. Visual Studio Code 설치 Visual Studio Code : MS사에서 개발한 소스 코드 편집기 Visual Studio와 Visual Studio Code 차이: 둘다 소스 편집과 개발이 가능하지만 , Visual Studio는 IDE(통합개발환경)으로 소스코드 편집, 컴파일, 디버깅 등의 모두가 가능한 툴이며, Visual Studio Code는 소스 코드 편집 즉, 에디터로 메모장에 소스 작성 또한, 필요하면 IDE가 제공하는 기능을 덧붙일 수 있다. Visual Studio Code 설치하기 위해 해당 URL에 접속한다. https://code.v 3.Vue.js 설치 폴더를 새로 만들수도 있지만, 나중에 Spring Boot랑 연결할 것이기 때문에 지난 포스팅에 만들어 놓았던 Spring Boot Project 폴더를 오픈한다. 폴더를 오픈한 후, Terminal 을 열어 vue create frontend 명령어를 입력한다. (Terminal은 Command Prompt이어야 한다. powershell에서 허우적하고 있었음..) 입력하면 두가지가 나오는데 vue를 설치할 것이기 때문에 npm install -g @vue/cli 를 입력한다. 아래와 같이 세 가지가 나오는데 Defalut([Vu 15 해당 URL에 접속한다. https://nodejs.org/en Node.js — Run JavaScript Everywhere Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 들어가자마자 보이는 Download 버튼을 클릭한다.( 본인의 운영 환경에 맞게 다운로드하면 된다. 필자는 Window, 64bit) 설치 창이 나타나면 [Next]버튼을 계속 클릭하면서 설치한다. 설치가 완료된 이후에는 Node.js의 환경변수 설정을 해줘 Eclipse VUE Node.js spring boot 2024.05.09 블로그 검색 더보기 [Eclipse & VS Code]Spring Boot & Vue.js 연동 yoonhwis.tistory.com 이렇게 ‘^’ Vue.js (2) 프로젝트 진행 1) 개발 환경 설정 크롬 브라우저와 Vue.js Devtools 라는 확장 프로그램을 설치하고, VScode 및 Node.js를 설치한다. Node.js는 LTS 버전을 다운받으면 된다. node.js 설치할 때 npm도 같이 설치되어야 한다. Chrome Visual Studio Code Vue 3 : Volar 색 테마 : Night Owl 파일 아이콘 테마 : Material Icon Theme 뷰 확장 플러그인 : Vetur 뷰 코드 스니펫 : Vue VSCode Snippets 문법 검사 : ESLint, TSLint 실습 환경 보조 : L 2) Vue CLI 설치 및 프로젝트 생성 본격적인 작업 시작을 위해 CLI를 설치하고 프로젝트를 생성하기로 했다. 📌 CLI 설치 후 프로젝트를 생성하는 것이 정석이지만, 프로젝트를 먼저 생성하여 뒤늦게 CLI를 설치했다. 더보기 프로젝트 생성 후 CLI를 설치해도 되는지? CLI의 장점은? Vue CLI를 언제든지 설치하고 사용할 수 있습니다. Vue CLI는 Vue.js 애플리케이션을 개발하기 위한 강력한 도구이며, 프로젝트를 더 쉽게 시작하고 구성할 수 있도록 도와줍니다. 따라서 Vue.js를 사용하여 프로젝트를 개발하려는 경우 Vue CLI를 설치하고 사용하는 3) 깃허브 ; repo 생성, VScode 연동 CI/CD 관리를 위해서 ETL 작업 레포, 프론트엔드 레포, 백엔드 레포를 각각 만들기로 하였다. 내가 프론트엔드 레포를 담당하여 생성했다. `frontend` repo 생성 VScode와 연동 이 블로그를 참고하려고 했지만 (여기도 같은 내용인듯?) 이 방법으로 했다. (혼자서 하다가 뒤늦게 찾은 정리본..) 책에서도 이렇게 설명 하네.. `main` branch 내에 기본 커밋 규칙, 브랜치 규칙을 `docs` 폴더 안에 넣었다. `main` 위에서 만든 vue 프로젝트 폴더를 옮겼다. `develop` branch 생성 4) 코드 구현 (1) 백엔드와의 API 통신, 부트스트랩 이용을 위한 설치 npm install --save axios npm install bootstrap ※ 처음에 다른 폴더에서 설치해서 다시 설치했다. 무엇이 맞는 건지는 모르겠다. 부트스트랩을 이용하려면 컴포넌트의 스크립트 태그 안에 import 하면 된다. <script> import 'bootstrap/dist/css/bootstrap.css'; </script> Vue 3에서는 bootstrap.js를 import할 필요가 없다. Vue 3와 부트스트랩을 함께 사용할 때는 주로 부트 11 크롬 브라우저와 Vue.js Devtools 라는 확장 프로그램을 설치하고, VScode 및 Node.js를 설치한다. Node.js는 LTS 버전을 다운받으면 된다. node.js 설치할 때 npm도 같이 설치되어야 한다. Chrome Visual Studio Code Vue 3 : Volar 색 테마 : Night Owl 파일 아이콘 테마 : Material Icon Theme 뷰 확장 플러그인 : Vetur 뷰 코드 스니펫 : Vue VSCode Snippets 문법 검사 : ESLint, TSLint 실습 환경 보조 : L 2024.05.06 최종 팀플 (5) Vue.js Vue.js (1) 학습 자료, 기본 학습 miscellaneousknowledge.tistory.com 잡다한 지식의 블로그 Vue.js CLI Vue.js CLI란? - Vue.js 애플리케이션의 개발 환경을 설정하고 관리하기 위한 커맨드 라인 도구. - 프로젝트를 빠르게 시작하고, 번들링, 테스팅 및 배포등의 작업을 쉽게 처리 가능. - 프로젝트에 필요한 라이브러리와 도구 등을 자동으로 설치하고 구성가능. Vue.js CLI 설치 - 먼저 CLI를 설치하기 위해서는 node.js가 설치가 되어 있어야 한다. 따라서 아래의 주소에서 사용자의 환경에 맞게 설치. https://nodejs.org/en Node.js — Run JavaScript Everywhere Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org - node.js를 설치하였다면 그 다음으로 명령프롬포트를 실행시켜 아래와 같이 입력. install -g @vue/cli - 위와 같이 정상적으로 설치 10 - Vue.js 애플리케이션의 개발 환경을 설정하고 관리하기 위한 커맨드 라인 도구. - 프로젝트를 빠르게 시작하고, 번들링, 테스팅 및 배포등의 작업을 쉽게 처리 가능. - 프로젝트에 필요한 라이브러리와 도구 등을 자동으로 설치하고 구성가능. 2024.04.30 Vue.js Component Vue.js Computed 속성 happy-jjang-a.tistory.com jjang-a 블로그 Vue.js 카카오 로그인 연동하기 12 Vue.js에서 카카오 로그인 연동하는 방법을 알아본다. 카카오 로그인 연동 프로세스는 다음과 같다. 1. 카카오톡 연동을 통해 동의를 거친 후 인가코드를 발급 받는다 2. 발급 받은 인가코드를 통해 토큰을 발급 받는다 3. 발급 받은 토큰으로 사용자 정보를 조회 한다. 출처... vue.js vue kakao 로그인 vue 카카오 로그인 vue kakao login 카카오 개발자 센터 2024.03.17 Vue.js Google 로그인 연동하기 Vue.js 네이버 로그인 연동하기 gall.dcinside.com mgallery github Webstorm 에서 Vue.js 하는 사람 있음? Unresolved Webstorm 으로 Vue.js 공부하고 있는데 이상한게 뜨는데 왜 이런지 모르겠음 코드 밑에 있는데 이거 왜 Vue 가 Unresolved variable or type Vue 라고 뜨는지 모르겠음 스택 오버플로우 가면 나 말고도 이런 문제... 2024.04.07 웹문서 검색 더보기 vue.js랑 리엑트 좀 알고있는사람 질문점 vue.js chart 질문 통합웹 더보기
서비스 안내 스토리의 글을 대상으로 검색결과를 제공합니다. 자세히보기 story.kakao.com 에이콘아카데미 강남캠퍼스 에이콘아카데미 강남캠퍼스 - 카카오스토리 백엔드 : Java, Spring Framework, Spring Boot, DB 프론트엔드 : JavaScript, EcmaScript6, React, Vue.js 빅데이터 : Python, ML, DL 특강 : Git/Github, AWS 훈련비 9,147,840원 전액무료 훈련수당 지급 (11만... 2023.11.17 카카오스토리 검색 더보기
서비스 안내 Kakao가 운영하는 책 서비스 입니다. 다른 사이트 더보기 Vue.js 저자 온개발팀 출간 2023.8.11. e북 10,800원 Vue.Js 출간 2018.4.17. 도서 61,390원 Vue.Js 저자 Macrae Callum 출간 2018.3.23. 도서 48,360원 Vue.js 퀵 스타트 저자 원형섭 출간 2017.9.5. 도서 27,000원 Full-Stack Vue.Js 2 and Laravel 5 저자 Packt Publi... 출간 2018.6.4. 도서 73,720원 실전! 스프링 5와 Vue.js 2로 시작하는 모던 웹 애플리케이션 개발 저자 제임스 J 예 출간 2020.1.21. 도서 32,400원 Do it! 프런트엔드 UI 개발 with Vue.js 저자 김윤미 출간 2023.8.8. 도서 22,500원 e북 16,200원 Mastering Vue.js - Create Stunning Applications with Vue.js and Vuetify 저자 Melehi Daniel 출간 2023.5.7. 원쌤의 Vue.js 퀵스타트 저자 원형섭 출간 2023.5.14. 도서 28,800원 프론트엔드 개발 첫걸음 저자 Hara Kazuhiro 출간 2018.11.15. 도서 16,200원 e북 10,800원 더보기 (주)카카오는 상품판매의 당사자가 아닙니다.법적고지 안내 (주)카카오는 통신판매중개자로서 통신판매의 당사자가 아니며 상품의 주문 배송 및 환불 등과 관련한 의무와 책임은 각 판매자에게 있습니다.
Vue.js vuejs.org/ 웹수집 Vue.js - The Progressive JavaScript Framework 코드부기 코딩 www.developier.com 신청자 작성 코드부기 코딩 개발 지식 Doing Coding. 코딩, 개발, 웹개발, JavaScript, Vue JS, React JS, 코딩테스트 백준에 관한 모든것. 번들 모듈러 웹팩(WebPack), Front-end Development 윤형도 brunch.co.kr/@henen 브런치스토리 라이트 프로그램을 개발 유지보수하고있고, 최근 스프링 부트와 VUE.JS 에 관심을 가지는 개발자입니다. 사이트 더보기