공식 로드맵
Before the year ends, 3d모델링을 직접해서 웹페이지에 넣고싶어요
로드매퍼
2026-10-09 작성 · 조회 22
Roadmappr 공식 로드맵
검증된 자료로 구성했어요. 그대로 가져가 시작할 수 있어요.
구간 4개 항목 9개 · 기타 4 · 책 2 · 컨퍼런스 2 · 문서 1
웹페이지가 브라우저에 표시되는 과정과 개발 도구를 익혀 프론트엔드 학습의 기반을 다집니다.
신지호 · 문서
브라우저에서 코드를 수정할 때마다 결과를 갱신하는 샌드박스를 만들려 했지만, 브라우저는 파일 시스템에 접근할 수 없고 iframe 기반 가상 환경은 결제 SDK에…
첫 웹페이지 만들고 확인하기
직접 적은 항목
HTML과 CSS로 콘텐츠 구조를 만들고 다양한 화면 크기에 대응하는 웹페이지를 구현합니다.
조성호 · 책
반응형 소개 페이지 만들기
직접 적은 항목
JavaScript의 핵심 문법과 브라우저 API를 활용해 사용자 입력에 반응하는 화면을 만듭니다.
토스 · SLASH · 컨퍼런스
API 호출이 늘고 여러 데이터에 의존하는 화면을 만들면서 로딩·오류·성공 상태가 뒤섞여 프론트엔드 비동기 처리가 복잡해지는 문제를 다뤘다.
외부 데이터 목록 만들기
직접 적은 항목
Three.js로 3D 모델을 브라우저에 렌더링하고 조작해 직접 만든 모델을 웹에 올리는 작은 프로젝트를 완성합니다.
우아한형제들 · 우아콘 2025 · 컨퍼런스
3D 개발 경험이 없던 프런트엔드 개발자들은 배민의 샌드위치 쌓기 리워드 프로그램에 Three.js 기반 3D 인터랙션을 구현하며, 모바일 웹 성능과 2D·3D …
3D 모델 소개 페이지 만들기
직접 적은 항목
내 로드맵으로 가져와 체크하며 진행해요. 필요 없는 구간·항목은 빼고 가져올 수 있어요.