프런트엔드 개발자

YOUR LEARNING PATH

배우고, 만들어 보고, 확인하기

기간보다 직접 할 수 있는 일을 기준으로 이동하세요. 이미 할 수 있다면 다음 단계로 넘어가도 좋습니다.

1. 01

   웹 문서 만들기

   시맨틱 HTML, CSS 박스 모델, 반응형, 폼과 접근성

   다음 단계로 가기 전

   키보드만으로 사용할 수 있는 소개 페이지를 만든다.

2. 02

   상호작용 구현

   JavaScript 함수·배열·객체, DOM, 이벤트, 비동기

   다음 단계로 가기 전

   검색과 필터가 작동하는 목록을 만든다.

3. 03

   서비스 연결

   HTTP, API 오류·로딩·빈 상태, 상태 관리

   다음 단계로 가기 전

   네트워크 실패와 데이터가 없는 경우도 설명하는 화면을 만든다.

4. 04

   품질과 협업

   컴포넌트, 테스트, 성능 측정, Git 코드 리뷰

   다음 단계로 가기 전

   모바일 화면과 키보드 탐색을 검증하고 변경 이유를 남긴다.