포트폴리오

트리맵 차트 9종 — 정사각형으로 쪼개는 배치부터 값 따라 흐르는 재배치까지대시보드 UI

동전 던지기 9종 — 3D 앞뒤 전환부터 5:5 로 모이는 집계까지인터랙션

밀어서 잠금해제 9종 — 당길수록 무거운 고무줄 트랙부터 호 위 전원 슬라이더까지버튼

지뢰찾기 만들기 9종 — 번져 열리는 칸부터 확률 지도 추론 힌트까지game

정렬 알고리즘 시각화 9종 — 맞바꾸는 막대부터 색상환 원형 정렬까지game

눈 내리는 효과 9종 — 소스 그대로 복붙하는 눈송이부터 쌓이는 눈까지갤러리

구름 애니메이션 9종 — 구름 생성 원리부터 구름바다까지크리에이티브 UI

원형 텍스트 만들기 9종 — css 원형 텍스트를 글자 폭으로 계산하기피드백

라인 드로잉 9종 — 점 순서와 선 길이를 계산해 한 줄로 그리는 캔버스크리에이티브 UI

스크롤 인터랙션 9종 — 선 긋기·길 따라가기·꼬리·나선스크롤

미로 게임 만들기 9단계 — 벽 걷기·물결 자국·최단 거리 계산game

가로 스크롤 css 9가지 — 휠 관성·원통 갤러리·어안 렌즈 가장자리스크롤

css masonry layout 9가지 — 높이가 다른 카드가 빈틈없이 자리를 찾는 배열갤러리

주사위 굴리기 9가지 — 회전 행렬로 윗면을 읽어 내는 3D 장면인터랙션

팽이 돌리기 9가지 — 각속도와 세차로 계산하는 회전 장면game

스피로그래프 그리기 9가지 — 톱니비율로 그리는 기하 무늬크리에이티브 UI

캐러셀 슬라이드 예제 9종 — 관성 드래그부터 3D 원근까지전환

css 리스트 디자인 9종 — 마커가 계산으로 움직이는 목록 꾸미기목록·표 UI

css corner-shape 9종 — border-radius 없이 깎는 모서리 모양base

이미지 슬라이드 css 9종 — GSAP 없이 반응형까지갤러리

CSS 카드 디자인 9종 — 도시·팀원·바로가기부터랜딩 섹션

스크롤 트리거 애니메이션 9종 — GSAP 없이 바닐라 JS 엔진으로스크롤

프로젝트 포트폴리오 템플릿 9종 — 쇼케이스 섹션 모음랜딩 섹션