node.js를 통해 Vue프로젝트도 만들어봤고, 부트스트랩, 웹팩에 대해 알아봤으니, 이제 이것들 복습하는 기분으로 API를 통해 영화정보를 받아와 게시판을 만드는 연습을 해보려 한다. router은 나중에... 아마 길어질 것 같아서 연습장이라는 카테고리도 만들어 나눠 놓았다. 처음이라 잘못 된 게 많아도 이해하길.. 연습이라.. 참고로 SPA형식으로 만들 예정이다. 실무에서는 그렇게 사용하지 않는다지만 아직 Vue프로젝트 구조를 완전히 이해 하지 못한 상태라.. 그럼 시작해보자 프로젝트 폴더 생성 ============================================================================ Vue 프로젝트를 생성 할 폴더를 생성해주자. 프로젝트 폴더 이동 ..

Vue를 이용해서 API로 영화목록을 받아오는 게시판을 만들어 보려고 하는데.. 화면에 예뻐야 할 맛이 나지 않겠는가? 근데 나는 CSS나 이런 건 잼병이기 때문에 부트스트랩을 이용해 보려고 한다. 예전에 부트스트랩을 사용하는 방법을 정리한 적이 있는데, Vue 프로젝트 환경에서는 조금 다른 것 같아 다시 정리하려고 한다. 부트스트랩 설치 ============================================================================ 터미널에 아래 명령어를 입력하여 부트스트랩을 설치해준다. npm install --save bootstrap 그럼 아래와 같이 package.json에 부트스트랩이 추가 된 것을 확인 할 수 있다. 이제 main.js에 가서 부트스트..