CSS 레이아웃과 JavaScript 이벤트 처리를 연습한 세 가지 미니 실습입니다. 각 화면에서 한 가지 기능에 집중해 구현했습니다.
포인터에 반응하는 3D 카드
카드 예제 기본 화면 발췌 · 2026.10.02 캡처
- 2023.12 · 제작 기간 1시간 · 1페이지
- 바닐라 JavaScript로 포인터 위치를 계산해 카드 회전값에 반영
카드 인터랙션 보기
공개 예제의 기본 카드 화면을 캡처했습니다.
CSS 풀페이지 스크롤
- 2023.12 · 제작 기간 1시간 · 1페이지
- CSS
scroll-snap으로 JavaScript 없이 섹션 단위로 이동하는 화면 구현
풀페이지 화면 보기
JavaScript 할 일 목록
- 2024.07 · 제작 기간 30분 · 1페이지
- 바닐라 JavaScript로 할 일 추가·삭제 구현
할 일 목록 보기