가이드
레퍼런스
커뮤니티
소식
문의하기
가이드
루프킷을 처음 켜는 순간부터 렌더 추적기를 여는 순간까지, 읽는 순서대로 정리했습니다.
챕터
전체
시작하기
UI 구성
상태 관리
심화
시작하기
설치와 첫 실행
런타임을 설치하고 브라우저에 첫 화면을 띄우기까지.
6분
첫 컴포넌트 만들기
컴포넌트를 정의하고, 나누고, 서로 끼워 넣는 기본기.
8분
UI 구성
템플릿 문법 익히기
html 태그 템플릿 안에서 값, 속성, 이벤트를 다루는 규칙.
9분
목록과 조건 렌더링
배열을 화면에 펼치고, 상황에 따라 다른 마크업을 고르는 법.
8분
상태 관리
반응형 상태의 기본
state()로 값을 만들고, 바뀐 곳만 다시 그리게 하는 원리.
10분
파생 값과 이펙트
계산된 값은 derived로, 바깥세상과의 접점은 effect로.
9분
심화
컴포넌트 합성과 슬롯
자리를 비워 둔 컴포넌트로 레이아웃과 내용을 분리하기.
9분
렌더 추적과 성능 튜닝
무엇이 다시 그려졌는지 확인하고, 불필요한 갱신을 끊는 순서.
11분
