첫 프론트엔드 라이브러리로 비교적 쉽게 배울 수 있다는 vue.js를 사용하여 프로젝트를 진행하기로 했다.
쉽다고는 하지만, 라이브러리 자체를 처음 이용해보는 터라 첫 시작이 마냥 순조롭지는 않았다.
node.js도 깔아야 하고, npm은 또 뭔가..필요한 확장 기능 툴들도 이것저것 있었다(vetur, html css support, vue 3 snippet..)
일단 부딪혀가며 하나하나 알아가는 중이긴 하다.
node.js를 설치해야하는 이유는, 여기의 npm을 사용하기 위함인데 이는 각종 웹개발 라이브러리 설치를 돕는다고 한다.
또한 초반에 npm으로 @vue/cli를 설치했었는데, 이는 vue 프로젝트를 빠르게 생성해주는 라이브러리라고 한다. 라이브러리를 이용하기 위해 라이브러리를 설치한단 말인가..?
npm run serve명령을 이용하여 크롬 브라우저로 띄울수 있지만, 사실 브라우저에서 vue파일을 인식하지는 못한다고 한다. vue에 작성한 코드를 html로 컴파일, index.html에 생성해서 사실상 띄우는 것이라고 한다.
그 작업을 main.js에서 처리한다.(자세히는 아직 모르겠다)
package.js파일은 뭔가 했는데, 라이브러리의 버전이나 프로젝트 설정 기록들이 적혀 있는것이라고 한다.
다음으로는 데이터 바인딩을 배워보기로 하겠다.