반응형

Programming/Vue js 2

[Vue JS] 기초 01. 기본 구조

vue create 명령어를 통해 프로젝트를 생성하게 되면 기본 구조를 가진 프로젝트가 생성이 되는데요. 기존까지 사용해왔던 html, javascript 등과는 좀 다른 구조를 가지고 있어서 간단히 정리 해볼까 합니다. 저도 이제 막 시작을 한 참이라 모르는 부분이 많으니 잘못된 부분이나 애매한 부분이 있다면 말씀해주세요. vscode 등으로 프로젝트를 생성한 후 같이 보면 좀 더 이해하기 쉬울 것 같네요. 우선 아무것도 건드리지 않았을 때의 기본 구조는 이렇게 되어 있는데요. 익숙한 파일들도 보이고 vue확장자를 가진 파일이 보이네요. index.html 의 구조를 간단히 보니 내용이 보여질 div 태그 와 vue 를 지원하지 않을 경우에 메시지를 표시할 영역으로 되어 있는 것으로 보이네요. 일단 대..

Programming/Vue js 2021.06.19

[Vue JS] 윈도우에서 Vue JS 개발 환경 설정하기(node js, vscode)

1. Node.js 설치 사이트 : https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위 링크로 이동하여 원하시는 버전을 받으시면 됩니다. LTS 버전이 일반적으로 많이 사용되는 거 같네요. 지원 일정은 이렇다고 하니 참고 정도로만 봐주세요. 다운받은 파일을 실행하고 쭉 다음 누르다가 요 화면에서 체크를 해 준 후 진행하면 됩니다. 윈도우 설정에 따라 실행 권한을 요구하기도 하는데 승인 후 진행하면 됩니다. 설치 완료 후 프로그램을 닫으면 이러한 화면이 나올텐데요 아무키나 눌러서 넘어가고 다음 화면에서도 마찬가지로 넘어가시면 됩니다. 윈도우 설정에 따..

Programming/Vue js 2021.06.17
반응형