프론트엔드 커리큘럼 안내
“웹사이트의 화면을 구성하고 사용자와 직접 상호작용하는 부분에 관심이 있다면?”
“UX/UI 디자인을 코드로 구현해보고 싶다면?”
“코드를 작성하자마자 결과물이 바로 눈에 보이는 걸 좋아한다면?”
그렇다면 프론트엔드 트랙이 잘 맞을거에요!
프론트엔드 비기너 트랙은 HTML, CSS, JavaScript, React 를 중심으로 기초 문법부터 반응형 웹 구현, 실제 서비스 제작까지, 직접 만들며 배우는 실습 중심의 커리큘럼입니다.
이 커리큘럼은 매 단계마다 새로운 과제를 통해 기술을 익히고, 점진적으로 더 깊은 프론트엔드 역량을 갖추도록 설계되어 있습니다.
단순히 이론 지식을 습득하는 것을 넘어 직접 만들고 고치며 성장하는 과정을 경험하게 됩니다.
운영 방식
•
진행 기간: 25년 9월 ~ 2월(약 6개월)
•
학습 내용: HTML, CSS, JavaScript, React
•
진행 방식
◦
팀 기반 학습
◦
주차별 실습 과제
◦
해커톤 및 백엔드와의 협업 프로젝트
•
수료 조건
◦
수료점수 4점이 필요해요.
◦
11월 말에 개최되는 해커톤 참여가 필요해요.
◦
방학 기간 진행되는 백엔드와의 협업 프로젝트를 완수해야해요.
•
수료 후, 혼자서 웹 서비스를 만들고 배포할 수 있는 실력을 갖추는 것을 목표로 하고 있어요!
주차별 커리큘럼
•
세부 일정 및 내용은 멘토 사정에 따라 일부 조정될 수 있습니다.
주차 | 활동 내용 | 과제 및 활동 |
1주차 | HTML + CSS 기초 | 자기소개 페이지 제작 (CSS 요소 포함) |
2주차 | JavaScript 기본 문법 | (과제 없음) |
3주차 | JS 심화 / DOM 조작 | Todo 리스트 (1): 필터 기반 구현 |
4주차 | 이벤트 / CRUD | Todo 리스트 (2): 추가, 삭제, 수정 |
- | 중간고사 기간 | - |
5주차 | React 입문 | 기존 Todo 앱 → React 리팩토링 |
6~7주차 | 컴포넌트 구조화 / Router | 게시판 폴더 및 기능 설계 |
8~9주차 | 비동기 통신 / BaaS | 게시판 완성 (Firestore 활용 선택) |
10주차 | 해커톤 | 팀별 웹 애플리케이션 개발 |
기말 | 백엔드 협업 프로젝트 | REST 기반 프론트-백엔드 연동 구현 |