Mac OS / Terminal Code .

Terminal 에서 code . 로 vscode 열기 ~/.zshrc 파일을 실행하여 code 명령의 alias 수정

Posted in etc

Nuxt Create

Nuxt.js가 포함하는 주요 구성 요소 Vue.js – UI 개발 프레임 워크 Vue Router – 라우트(Routes) 관리 Vuex (store 옵션 활성화 시, 사용) Vue Server Renderer (mode: ‘universal’에서 서버 사이드 렌더링 처리) vue-meta – 컴포넌트 메타데이터 관리 vue-loader – 싱글 컴포넌트 파일(SCF)을 처리하는 Webpack 로더 babel-loader – Babel 트랜스파일링을 처리하는 Webpack 로더 webpack – 모듈 […]

Nuxt Directory

Nuxt Directory The Nuxt.js project consists of a directory of layouts, pages, and components. assets assets 디렉토리는 Stylus나 Sass 파일, 이미지나 폰트와 같은 컴파일되지 않은 에셋들을 포함하는 디렉토리 입니다. 컴파일 되지 않는 정적 에셋(CSS, JS, Sass 등)을 포함합니다. components components 디렉토리는 Vue.js 컴포넌트를 포함하는 디렉토리 입니다. asyncData나 fetch 메소드를 이 컴포넌트에서 사용하실 수 없습니다. 내부에는 […]

REST API

Representational State Transfer API REST 구성 자원(RESOURCE) – URI 행위(Verb) – HTTP METHOD 표현(Representations) REST 특징 Uniform Interface ( 인터페이스 일관성 ) URI로 지정한 리소스에 대한 조작을 통일되고 한정적인 인터페이스( get, post, put, delete )로 수행하는 아키텍처 Stateless ( 무상태성 ) Stateless는 서버에 클라이언트에 대한 상태를 저장하지 않는 것을 의미한다 세션 정보나 쿠키정보를 별도로 저장하고 […]

Array.method

Array.forEach

Array.map

Array.some callback이 어떤 요소라도 참인(true) 값을 반환하는 경우 true, 그 외엔 false

Array.every callback이 모든 요소에 대해 참인(true) 값을 반환하는 경우 true, 그 외엔 false

Array.filter callback이 true를 반환하면 유지, false를 반환하면 삭제(버림)하여 새로운 배열을 반환

Array.reduce

git flow

Posted in etc

vuex

https://vuex.vuejs.org State Management Pattern

You cannot directly mutate the store’s state. The only way to change a store’s state is by explicitly committing mutations. mapState Getters mapGetters Mutations ( 변이 ) Actions Modules

Vue-cli project

Vue-cli installation

with mac

creating a project

vue-cli vuejs-templates vue list