[1~2주차 : 웹 개발 기본 편] 

웹 개발의 기본 개념과 HTML, CSS의 기초를 학습합니다. 

HTML 기초

• HTML 개요 및 역할

• 기본 태그 사용법 (텍스트, 이미지, 링크 등) 

• HTML 문서 구조 이해

CSS 기초

• CSS 개요 및 역할

• 기본 선택자와 속성

• 색상, 글꼴, 레이아웃 등 스타일링 기본

프로젝트 관리 도구

• Git 기본 사용법

• GitHub을 이용한 협업

나만의 웹페이지 만들기

• HTML과 CSS를 이용한 간단한 페이지 제작 실습

[3~4주차 : 웹 개발 심화 편]

웹 페이지의 스타일링을 심화 학습하고 반응형 웹 디자인을 익힙니다. 

CSS 레이아웃

• Flexbox 개념 및 사용법

• Grid 레이아웃 개념 및 사용법

반응형 웹 디자인

• 미디어 쿼리 사용법

• 다양한 화면 크기에 맞춘 레이아웃 설계

CSS 프레임워크

• Bootstrap 기초

• Boostrap을 이용한 빠른 프로토타입 제작 

[5~13주차 : 프로그래밍 기본 및 심화 편

프로그래밍의 기반이 되는 Javascript 기초 문법 및 심화 개념을 익히고 웹 페이지에 동적 기능을 추가하는 방법을 학습합니다. 

Javascript 기초

• 변수, 데이터 타입, 연산자

• 조건문과 반복문

Javascript 심화

• 객체와 배열

• 비동기 프로그래밍

TypeScript 도입

• TypeScript의 기본 개념과 필요성

• TypeScript를 사용한 React 컴포넌트 작성

• 타입 정의 및 인터페이스 활용

[Mid Project] 바닐라 프로젝트

• 라이브러리나 프레임워크에 의존하지 않는 순수 Javascript 코딩을 통한 팀 프로젝트

[14~25주차 : 프론트엔드 심화 편]

최신 프론트엔드 프레임워크인 React를 학습하고 상태 관리, TDD, 배포까지 경험합니다. 

React 소개 및 기본 개념

• 컴포넌트 기반 개발

• JSX 문법

• 함수형 컴포넌트와 클래스형 컴포넌트

• props와 state의 이해 

React 앱의 상태 관리를 위한 라이브러리 활용 방법

• useState와 useEffect 훅

• Context API를 이용한 전역 상태 관리

• 다양한 상태 관리 라이브러리 개요

TDD (Test-Driven Development)

• TDD개념과 필요성

• Jest와 React Testing Library를 이용한 테스트 작성

• 단위 테스트와 통합 테스트

Redux 

• Redux의 기본 개념

• 액션, 리듀서, 스토어의 이해

• Redux Toolkit을 이용한 간편한 상태 관리

서비스 배포

• 배포의 기본 개념

• Vercel, Netlify를 이용한 배포

• 배포 시 고려사항과 버그 대응

[Final Project] React 프로젝트

• React를 활용해 서비스 기획 - 개발 - 구현 전체 프로세스를 1.5개월 동안 경험하는 팀 프로젝트 진행