TypeScript - 타입 선언

노션 프로젝트 (5) - 포스터 이미지 넣기, 삭제, 제목 경로

노션 프로젝트 (4) - 하위 페이지가 추가되는 기능, 재귀 컴포넌트

노션 프로젝트(3) - 워크스페이스 페이지 클릭 시 상세정보, 단일 워크스페이스의 상세 내용, 수정

노션 프로젝트(2) - 워크스페이스 생성, 목록 조회, 목록 출력, 삭제

노션프로젝트(1) - router, store기본셋팅, contenteditable, XSS이슈

Pinia Pinia는 Vuex 와 같은 Store 기능을 한다. 모듈화는 기본이며, Vuex와 비교했을 때 mutations가 없다. 피니아 설치 main.js에 연결 store 폴더 만들기 기본이 모듈화이기때문에 namespaced도 필요 없고 파일을 나눌 필요 없다. 피니아 actions에서는 this 를 사용한다! mutations가 없어...

Vue Router - Named Views, Naviation guards, accessToken, Scroll Behavior

Vue Router 간단 실습

Vue Router 시작하기

Provide/Inject 

플러그인 만들기, vuex 스토어 사용해보기(Core Concepts)

Vite 시작, 데이터 바인딩, 동적 컴포넌트, 텔레포트

Snowpack, nanoid , slot, Vue 이벤트 수식어, watch

Visual Studio Code 테마를 커스텀해보자!

Vue 기초, Todo List 실습, 컴포넌트 중요성, Props, Emits

Intersection observer는 기본적으로 브라우저 뷰포트(Viewport)와 설정한 요소(Element)의 교차점을 관찰하며, 요소가 뷰포트에 포함되는지 포함되지 않는지, 더 쉽게는 사용자 화면에 지금 보이는 요소인지 아닌지를 구별하는 기능을 제공한다.

Vue는 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크이다. 뷰를 사용해서 간단한 영화 검색 구현해보기

웹팩사용해보기! 자세한 정리는 번들러 시리즈 참고

이벤트 캡처링, 이벤트 버블링