라우터 설치 명령어 : npm i vue-router --savedependencies에 들어가는 라이브러리는 실제로 웹을 실행시키는데 필요한 비즈니스 로직, 웹의 동작을 담당하는 라이브러리가 들어가야한다. 배포할 때도 포함되야 하는 라이브러리이다.
vue-router 구성정보를 url 입력이 아니라 link를 클릭했을 때 간단하게 페이지를 전환 해보자!/component/ToolBar.vue 생성App.vue에서 importToolBar.vue
해커뉴스 api 링크 : https://github.com/tastejs/hacker-news-pwas/blob/master/docs/api.mdviews라는 폴더에 담긴 컴포넌트들은 페이지에 관한 라우팅만 들어가는 것이 좋다.axios 설치 npm i axi
/src/api/index.js 생성API 호출 /src/views/NewsView.vue
this는 자바스크립트에선 전역으로 선언 된다.전역 this함수내 전역 this생성자 함수내 this인스턴스를 가리킨다.비동기 처리 this호출 되는 시점 자체에서 데이터를 호출하는 것은 http로 서버에 갔다온다. 자바스크립트 동작 원리이다. 화살표 함수를 사용하면
Callback : 특정 함수 또는 특정 기능이 종료 되는 시점에서 실행 되는 함수JS는 함수를 인자로 넘길 수 있고 인자로 전달되는 함수를 Callback 함수라 한다.3번이 먼저 호출 되고 2번이 호출 된다. (Network -> slow 3g)데이터 요청이 가고
Callback Hell이 열리게 됐을 때 Callback 관리는 효율적으로 하자.직관적인 코드를 짜보자. 해서 등장한 것.
컴포넌트 데이터 호출 방법인 api폴더에서 바로 꺼내와서 개발하는 것이 아니라 Vuex라는 상태관리 도구를 이용해서 컴포넌트 데이터를 호출해 볼 것1\. npm i vuex 설치/src/main.js에 Vuex import위와 같은 store에 관한 코드가 커지면 ma