🔗 [VueHackerNews-URL 바로가기] (https://velvety-duckanoo-58de5e.netlify.app/news)
1. vue2.0
vue create hacker-news
2. vuex
npm install vuex@next
3. router
npm install vue-router@4
4. axios
npm install axios
| Name | URL |
|---|---|
| News | https://api.hnpwa.com/v0/news/1.json |
| User | https://api.hnpwa.com/v0/user/1.json |
| Ask | https://api.hnpwa.com/v0/ask/1.json |
| Jobs | https://api.hnpwa.com/v0/jobs/1.json |
| Name | State |
|---|---|
| store | user |
| store | item |
| store | list |
nav의 menu를 클릭 시 axios를 통해 데이터가 호출되며 vuex의 list가 갱신됩니다.
1.News
- 프로젝트의 메인화면 입니다.
- 타이틀을 클릭 시 외부 페이지에 연결됩니다.
2. Ask
- 사용자들의 소통공간 입니다.
- 타이틀을 클릭하면 사용자의 질문을 확인할 수 있습니다.
- vuex의 item이 갱신됩니다.
3. Jobs
-
다양한 직업 정보를 확인할 수 있습니다.
-
타이틀을 클릭 시 상세 정보를 확인할 수 있습니다.
-
타이틀의 속성에 domain이 있다면 외부 링크로 연결됩니다.
