Frontend3 [Vue.js] Vue 프로젝트 생성하기 순서 1. 원하는 곳에 작업용 폴더 만들기 2. 작업용 폴더 VSC에서 열기 3. Vue 프로젝트 생성하기 4. 3에서 생성한 프로젝트 파일 open하기 1. 원하는 곳에 작업용 폴더 만들기 필자는 C:\Users\eyi\vue-workspace 해당 위치로 폴더를 만들었습니다. 2. 작업용 폴더 VSC에서 열기 VSC의 File - open folder 메뉴에서 만들었던 작업용 폴더 vue-workspace를 열어줍니다. 열면 위의 사진과 같이 대문자로 VSC에 표시됩니다. 3. Vue 프로젝트 생성하기 PS C:\Users\eyi\vue-workspace> vue create vuedongsan PowerShell(터미널)에서 vue create 프로젝트명 입력하여 vue 프로젝트를 생성합니다. 필자.. 2022. 4. 24. [Vue.js] 개발환경 세팅 개발환경 세팅 💡 이번 포스팅은 유튜브 강의를 보고 따라한 클론 코딩으로, 영상에서 부족한 설명을 보충하는 포스팅입니다. 동영상 강의: [https://youtu.be/NONWar0jGLM](https://youtu.be/NONWar0jGLM) (22.04.18 확인) 순서 1. Node.js 및 npm 설치 2. VSC(Visual Studio Code) 에디터 설치 3. 개발환경 세팅 4. VSC 에디터 부가 기능 설치 1. Node.js 및 npm 설치 💡 vue를 하려는데 왜 Node.js와 npm을 설치하는가? Node.js는 npm을 사용할 수 있도록 해줍니다. npm은 각종 웹 개발 라이브러리를 쉽게 설치 가능하도록 도와줍니다. 우리는 각종 웹 개발 라이브러리를 사용해야 하므로, 둘 다 설치.. 2022. 4. 18. [Vue.js] React VS Vue.js Vue.js를 사용하는 이유 1. 쉽다 Angular와 React에 비해서 더 쉬움 2. 코딩의 Right way가 정해져 있음 협업할 때 도움이 된다. Vue는 방법이 하나다. Vue 문법 몇개 외우면 쉽게 output을 낼 수 있다. 3. 렌더링이 빠름 HTML 렌더링을 하면 좀 더 빠르다 4. 업데이트가 잘된다 기초 지식 JavaScript 기초 문법 변수 자료형 Array Object에 데이터입력, 출력하는 법 function if else for 반복문 HTML CSS 참고 https://joshua1988.github.io/web-development/translation/vue-or-react/ 2022. 4. 18. 이전 1 다음
