🔗 [VueHackerNews-URL 바로가기] (https://velvety-duckanoo-58de5e.netlify.app/news)

Tech

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

🔗 Item feeds

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

💿 Vuex Info

Name	State
store	user
store	item
store	list

🖥️ Views

nav의 menu를 클릭 시 axios를 통해 데이터가 호출되며 vuex의 list가 갱신됩니다.

1.News

• 프로젝트의 메인화면 입니다.
• 타이틀을 클릭 시 외부 페이지에 연결됩니다.
  
  

2. Ask

• 사용자들의 소통공간 입니다.
• 타이틀을 클릭하면 사용자의 질문을 확인할 수 있습니다.
• vuex의 item이 갱신됩니다.
  
  
  
  

3. Jobs

• 다양한 직업 정보를 확인할 수 있습니다.
  
  

• 타이틀을 클릭 시 상세 정보를 확인할 수 있습니다.
  
  

• 타이틀의 속성에 domain이 있다면 외부 링크로 연결됩니다.