럿고의 개발 노트

[Goorm] Vue.js로 시작하는 SPA개발 Chapter7. 마무리 본문

Vue.js Note/[Goorm] Vue.js로 시작하는 SPA 개발(동영상강의)

[Goorm] Vue.js로 시작하는 SPA개발 Chapter7. 마무리

KimSeYun 2019. 11. 28. 19:17

[Goorm] Vue.js로 시작하는 SPA개발

7. 마무리


● 추가로 배울 것들


- Vue-CLI (with Webpack)

■ CLI(Commend Line Interface)기반의 Vue 프로젝트 생성 도구. 기본적인 폴더 구조, 라이브러리 등을 설정

■ Webpack은 프로젝트의 구조를 분석하고 JavaScript모듈을 비롯한 관련 리소스들을 찾은 다음 이를 브라우저에서 이용할 수 있는 번들로 묶고 패킹하는 모듈 번들러(Module Bundler)

■ Bulid & Deploy


- Vue-Router

■ 일반적으로 뷰에서 화면이 전환될 때, 전환하는 행위를 Router라고 함.

■ Vue에서 SPA를 제작할 때 유용한 라우팅 라이브러리로 Vue Routers를 제공

- Vuex

■ Vue.js 애플리케이션에 대한 상태 관리 패턴 및 라이브러리



● 후기


- Vue.js의 기본적인 내용을 알 수 있었음

- 짧기도 하고 사실 기본적인 Vue와 JavaScript 지식이 없다면 따라오기 힘들 것 같음

- 실습을 하면서 속성을 하나씩 찾아봐야 하는 것에 대해 조금 아쉬웠음.(강의만 들어서 속성들을 이해하기가 힘들었다는 의미인데, 사실 내가 기본적인 지식이 없이 처음으로 Vue를 공부해서 인것 같기도 함)

- 사실 이번 강의를 들은 이유가 개인 웹 포트폴리오 사이트 프로젝트때 사용하려고 들었지만, 맛보기만 본 것 같아서 아쉬움은 있음

- 그래도 짧은 시간 내에서 사용방법을 알고 싶다면, 강의를 들어도 좋을 듯 함

[2019. 11. 28 목요일 추가 후기]

- Chapter1 ~ Chapter7까지 전체적으로 복습하면서 나눠져있던 정리본을 보기 좋게 합치는 작업을 했음.

- 다른 강의를 듣고 Vue를 조금 사용해본 후에 이 강의 정리본을 다시 보면서 복습을 하니, 그때 이해 못했던 부분들을 이해하는 것 같았다. 그 전에는 조금 아쉬운 감이 있었지만, 역시 모든지 듣고 차후 복습하면 좋은것 같다!




● 실습 코드 및 출처


- 전체 실습 코드 : https://github.com/ksy90101/Vue.js/tree/master/%5BGoorm%5DVue.js

- 출처 : https://edu.goorm.io/learn/lecture/13020/vue-js%EB%A1%9C-%EC%8B%9C%EC%9E%91%ED%95%98%EB%8A%94-spa-%EA%B0%9C%EB%B0%9C




Comments