ybebee9 / Vue-Advanced

Vue.js와 Hacker-News API를 활용한 News 앱 제작

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Hacker-News API를 활용한 News 앱 제작

  • 최신 Vue CLI(v4.2.3)로 프로젝트를 구성하고 개발했습니다.
  • Vue Router를 구현하고 파라미터 :id값을 활용한 Dynamic Route Matching을 적용했습니다.
  • Hacker-News API 호출 시 Axios를 사용했습니다.
  • Vuex를 사용하여 스토어를 모듈화 했으며, mapHelper 함수를 적용했습니다.
  • Slot을 사용하여 사용자 프로필 컴포넌트를 구현하였습니다.
  • 컴포넌트 로직(코드)을 재사용하기 위해 High-Order Component를 구현했습니다.
  • 여러 컴포넌트 간에 공통으로 사용하고 있는 로직, 기능들을 재사용 하기 위해 믹스인(Mixin)을 구현하였습니다.

개발환경

vuenpmgithubIntellijChrome


Ref

https://www.inflearn.com/course/vue-js/dashboard

About

Vue.js와 Hacker-News API를 활용한 News 앱 제작


Languages

Language:Vue 63.8%Language:JavaScript 31.8%Language:HTML 4.4%