vuejs를 사용하며 놓치고 가는 부분이 있을수 있으니 다시 보자;;;

vue-news

인프런강의 vuejs 완벽가이드

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Hacker News open API 사용함.

깃헙 hacker-news-pwas(github)

open api : https://jsonplaceholder.typicode.com/users/1

HOC (higher-order component)

기본적으로 리액트의 하이 오더 컴포넌트에서 기원된 것임.
리액트의 하이오더컴포넌트 소개

컴포넌트의 로직을 재사용하기 위한 기술.
HOC를 많이 사용하면 할수록 컴포넌트의 깊이가 깊어지면서(의미 없는 중간 컴포넌트가 필요함.) 컴포넌트간의 통신이 불편해짐.

Mixins

믹스인(Mixins)은 여러 컴포넌트 간에 공통으로 사용하고 있는 로직, 기능들을 재사용하는 방법이다.
믹스인에 정의할수 있는 재사용 로직은 data, methods, created등과 같은 컴포넌트 옵션이다.

[데이터 호출 시점]

1. 라우터 네비게이션 가드

   • 특정 URL로 접근하기 전에 동작을 정의하는 속성(함수)

2. 컴포넌트 라이프 사이클 훅

   • created : (컴포넌트 생성)되자마자 호출되는 로직

컴포넌트 디자인 패턴

1. Common - 기본적인 컴포넌트 등록과 컴포넌트 통신
2. Slot - 마크업 확장이 가능한 컴포넌트
3. Controlled - 결합력이 높은 컴포넌트
4. Renderless - 데이터 처리 컴포넌트

render 함수 api 문서
Vue cli 배포 관련 문서