vue_til
1.[Vue JS] Routing 연습하기(with lodash)
서버 사이드에서 라우팅은 URI에 해당하는 html을 렌더링하는 것이다. 하지만 SPA 방식의 앱에서 라우팅은 DOM 조작을 통해 해당하는 뷰를 구현할 수 있다.
2.[Vue JS] 디렉티브 속성들을 활용한 Todo app 구현하기
v-on : Vanilla JS의 addEventListener와 같다. shortcut으로 @로 대신할 수도 있다.v-bind : HTML의 속성의 값에 대해 interpolate을 할 때 사용한다. shortcut으로 :로 대신할 수 있다.
3.[Vue JS] 무한스크롤과 라이프사이클 Hook
intro Life Cycle Hook in Vue image > Vue 인스턴스가 생성되고 소멸되기까지의 과정 속에서 콜백 함수를 걸어줌으로써 DOM 조작을 할 수 있다. > 다시말해 인스턴스가 생성(Create), HTML 노드와 연결되고(Mount) 변화되는(Update) 되는 순간을 JS로 탐지하고(Hook) > 적절한 function을 통해 조...
4.[Vue JS] props, emit 연습하기 - 유투브 클론코딩
vue는 기본적으로 v-model이라는 양방향 데이터 바인딩 디렉티브를 제공한다. v-model은 한 컴포넌트 내에서 사용자의 입력값을 컴포넌트의 데이터와 바인딩하기에는 좋은 디렉티브이지만, 데이터 흐름을 추적하고 디버깅 측면에서 부모자식 혹은 동일 레벨의 컴포넌트와의
5.[Vue JS] props, emit 연습하기 - 유투브 클론코딩
vue는 기본적으로 v-model이라는 양방향 데이터 바인딩 디렉티브를 제공한다. 한 컴포넌트 내에서 사용자의 입력값을 컴포넌트의 데이터와 바인딩하기에는 좋은 디렉티브이지만, 데이터 흐름 추적 및 디버깅 측면에서 부모자식 혹은 동일 레벨의 컴포에서 사용하지 않는게 좋다
6.[Vue, Firebase] 세상에서 가장 쉬운 스토리지 연결하기
이름겹치면안됨.JPG이미지를 base64 스트링 형태로 DB에 저장할 수도 있지만, 이를 관계형 DB에 바로 저장하는 것은 여러모로 바람직하지 못하다. base64로 인코딩된 결과물은 이미지의 크기에 정비례하기 때문이다.
7.[Vue JS] toast ui editor 사용하기
NHN이 제공하는 toast ui 에디터를 vue에 붙여보고자 한다. 기본적인 마크다운 에디터는 물론 syntex highlight 기능, 드래그앤드랍 이미지 업로드 등의 플러그인과 훅을 지원하니 게시판 형태의 프로젝트를 진행할 예정이다.