섹션별 주차 = 15.5주

주황색 : Web 4주 : 웹 기초 프로그래밍 + Git 과 CI/CD 배포 프로세스

파란색 : Frontend 5주 : 리액트 프로그래밍 + 자바스크립트와 CSS + Next.js 14 이해 및 활용

초록색 : Backend 6.5주 : AWS 클라우드와 웹 + 데이터베이스 및 ERD + Spring Boot

웹 기초 프로그래밍 = 4주

주황색 : Web 4주 : 웹 기초 프로그래밍 + Git 과 CI/CD 배포 프로세스

• 기반 = 3.5 주 : 웹 프론트엔드와 백엔드 그 사이에 존재하는 모든 웹 기반의 기술
• 배포 = 0.5 주 : CI/CD 구축을 위한 Docker 와 Github Action

프론트엔드 = 5주

파란색 : Frontend 5주 : 리액트 프로그래밍 + 자바스크립트와 CSS + Next.js 14 이해 및 활용

• 기초 = 3.0 주 : 자바스크립트 문법과 원리 + 리액트 프로그래밍 문법과 원리
• 심화 = 2.0 주 : 리액트 라이브러리 및 Next.js 14 문법과 원리

백엔드 = 6.5주

초록색 : Backend 6.5주 : AWS 클라우드와 웹 + 데이터베이스 및 ERD + Spring Boot

• 기초 = 3.0 주 : 자바 기본 문법과 원리 + 스프링 기본 문법과 원리
• 배포 = 0.5 주 : CI/CD 구축을 위한 Docker 와 Github Action
• 심화 = 3.0 주 : 데이터베이스와 Spring Data JPA / Spring Security

0. 주차별 개요

아래 주차별 개요를 통해 각자 공부를 위한 예/복습 스케줄을 짜는데에 도움이 되길 바랍니다!

• 프론트엔드 멘토 주차 (파란색으로 표기, 3주간 진행) : 5주차 + 6주차 + 7주차 = 프론트엔드 기초 주차
• 백엔드 멘토 주차 (초록색으로 표기, 3주간 진행) : 8주차 + 9주차 + 10주차 = 백엔드 기초 주차

• 1주차 (00월 00~00일) : 웹의 등장 및 웹의 구성 : 웹 브라우저와 웹 서버 그리고 그 사이의 DNS, SEO
• 2주차 (00월 00~00일) : 웹 개발 중 백엔드/프론트엔드 역할 및 원리와 WS/WAS 및 웹 페이지 렌더링 패턴
• 3주차 (00월 00~00일) : 웹 브라우저와 웹 서버에서의 성능 및 부하 개선 및 웹 저장소와 웹에서의 보안 이슈
• 4주차 (00월 00~00일) : 개발 시 필수로 사용하는 Git 의 동작 원리 이해 및 실제 사례기반 실습

• 5주차 (00월 00~00일) : JS ES6+ 문법 및 JS 엔진 원리와 Lexical Scope, Promise 와 Async/Await
• 6주차 (00월 00~00일) : React 동작 원리에 대한 이해와 타 프레임워크와의 차이
• 7주차 (00월 00~00일) : React 기본 Hook 실습 이어서 진행 및 CSS 기초 및 Tailwind CSS 활용

• 8주차 (00월 00~00일) : JVM 원리, 구성과 Java 객체지향 프로그래밍 문법, 함수형 프로그래밍 확장 문법
• 9주차 (00월 00~00일) : Spring Boot 등장 및 특장점 과 Spring 개발 시 Best Practice
• 10주차 (00월 00~00일) : AWS VPC 구성 및 Bastion 과 NAT 통한 Private 네트워크 내 EC2 구성
• 11주차 (00월 00~00일) : 개발 시 필수로 사용하는 CI/CD 배포 구축을 위한 Docker 와 Github Action

• 12주차 (00월 00~00일) : 방학 - 팀 프로젝트 중간 점검 및 늦어진 작업들 모두 다 마무리

• 13주차 (00월 00~00일) : React 서드파티 라이브러리 실습 및 이해 - RTK, React Hook Form 등
• 14주차 (00월 00~00일) : React 메타 프레임워크인 Next.js 14 원리 이해 및 실제 사용 방법

• 15주차 (00월 00~00일) : 데이터베이스 종류, ERD, 인덱스 및 동시성 제어를 위한 기술과 트랜잭션
• 16주차 (00월 00~00일) : Spring Data JPA 원리와 트랜잭션, 연관관계 맵핑 관련 어노테이션 실습, 이해
• 17주차 (00월 00~00일) : Spring Data JPA 복습 및 프론트엔드와 백엔드 아키텍처 구성 복습
• 18주차 (00월 00~00일) : 인증과 인가 차이 및 SSO(OIDC) 와 OAuth 원리, Spring Security 원리

1. 주차별 상세

아래 주차별 상세를 통해 어떤 수업을 나갈것인지 먼저 상세하게 파악하고, 복습하는데 참조하시기 바랍니다!

• 프론트엔드 멘토 주차 (파란 배경 표기, 3주간 진행) : 6주차 + 7주차 + 8주차 + 9주차
• 백엔드 멘토 주차 (초록 배경 표기, 3주간 진행) : 13주차 + 14주차 + 15주차

• 1주차 (12월 4~6일) : 웹의 등장 및 웹의 구성 : 웹 브라우저와 웹 서버 그리고 그 사이의 DNS, SEO
  • [x] 수요일 : 오리엔테이션 개발자 채용시장 현황, 웹 풀스택 커리큘럼 설명, 히치하이커를 위한 필수 안내서 (준비도구)
  • [x] 목요일 : 웹의 등장 및 웹의 구성 : 웹 브라우저와 웹 서버의 이해 ① 웹 브라우저, 웹 서버 각 동작 원리 및 그 사이의 DNS, SEO 개념 ② 웹 서버(WS)에서 웹 어플리케이션 서버(WAS)로의 발전과 템플릿 엔진
• 2주차 (12월 9~13일) : 웹 개발 중 백엔드와 프론트엔드 역할 및 원리와 WS, WAS 및 웹 페이지 렌더링 패턴
  • [x] 월요일 : 웹 개발이란 무엇이며, 어떻게 동작하나? - 프론트엔드 역할 및 원리 & 다양한 렌더링 패턴 ① 프론트엔드의 웹 개발 : Rendering 절차 및 JS 생태계 발전사 ② Static, MPA(SSR), SPA(CSR), Hydration 개념 및 실제 배포 사례 삽화를 통한 동작 방식 이해
  • [x] 목요일 : 웹 개발이란 무엇이며, 어떻게 동작하나? - 백엔드 역할 및 원리 ① API 정의 및 직렬화, 역직렬화와 웹 어플리케이션 프레임워크, 인터페이스와 API ② 프레임워크와 라이브러리, 운영체제 개요, 컴파일과 인터프리트, 물리 및 클라우드 서버, 로드밸런서
• 3주차 (12월 16~20일) : 웹 브라우저와 웹 서버에서의 성능 및 부하 개선 및 웹 저장소와 웹에서의 보안 이슈
  • [x] 월요일 : 웹 브라우저 성능 개선 및 웹 서버 부하 완화 HTTP Cache 원리 및 헤더 설정, Forward / Reverse Proxy 종류 및 구성
  • [x] 목요일 : 웹 저장소와 웹 보안의 이해 HTTP Cookie, Web Storage, Session 그리고 HTTPS 및 CORS 보안 이슈
• 4주차 (12월 23~27일) : 개발 시 필수로 사용하는 Git 의 동작 원리 이해 및 실제 사례기반 실습
  • [x] 월요일 + 목요일 : Git 기초에서 심화 및 실무 활용 Git 명령어 및 Working Directory 및 Staging 상태에 대한 이해와 파일 추가, 수정, 삭제 등 실례
• 5주차 (12월 30~3일) : JS ES6+ 문법 및 JS 엔진 동작 원리와 Lexical Scope, Promise/Async/Await
  • [x] 월요일 + 목요일 : JavaScript 현업에서 사용하는 기초 및 ES6+ 문법, 엔진 동작 원리 ① 인간의 문장에서 함수로 치환하는 방법 + 프로그래밍을 위한 사고 ****② 함수형 프로그래밍 패러다임, 자바스크립트 함수와 스코프, 모듈 시스템 ③ JavaScript 엔진 동작 원리에 따른 호이스팅, Lexical Scope 이해, Promise 와 Async/Await
• 6주차 (1월 6~10일) : React 동작 원리에 대한 이해와 타 프레임워크와의 차이 및 기본 Hook 실습
  • [x] 월요일 : React 동작 원리 및 Hook 종류와 알맞은 활용 ① React 개념 (JSX, Props/State, Virtual DOM) 및 타 프레임워크와의 동작 차이
  • [x] 목요일 : React 동작 원리 및 Hook 종류와 알맞은 활용 (앞 수업 이어서 진행) ② 생명주기 및 Hook : useState, useReducer, useEffect, useContext, useRef, 메모이제이션
• 7주차 (1월 13~17일) : React 기본 Hook 실습 이어서 진행 및 CSS 기초 및 Tailwind CSS 활용
  • [x] 목요일 : CSS 기초 문법과 Tailwind CSS Selector 선택자, Specificity 명시도, Flex 와 Grid, Media Query, Tailwind 를 통한 테마 적용
• 8주차 (1월 20~24일) : JVM 원리 및 구성과 Java 객체지향 프로그래밍 문법, 함수형 프로그래밍 확장 문법
  • [x] 월요일 : Java 객체지향 프로그래밍 문법 및 JVM 구성 ① 컴파일 에러와 런타임 에러, JVM Heap 구성과 Garbage Collection 이해 ② Class 와 Object, Final 과 Static, Interface 와 다형성, Enum, 객체 생성 방법
  • [x] 목요일 : Java 함수형 프로그래밍 문법 : 함수형 인터페이스, Optional, Stream, Lombok Functional Interface 사용 의의 및 Optional, Stream 과 현업에서 사용하는 Lombok
• 9주차 (1월 27~31일) : 방학 - 팀 프로젝트 중간 점검 및 늦어진 작업들 모두 다 마무리
• 10주차 (2월 3~7일) : Spring Boot 등장 및 특장점 과 Spring 개발 시 Best Practice
  • [x] 월요일 + 목요일 : Spring Boot 의 등장 및 특장점 + Spring Boot 개선 및 Best Practice ① Gradle 을 통한 개발 환경 구축, Spring MVC, Servlet 과 3-Layered 아키텍쳐 이해 ② ControllerAdvice, ExceptionHandler, Bean Validation 을 통한 예외처리
• 11주차 (2월 10~14일) : AWS VPC 구성 및 Bastion 과 NAT 통한 Private 네트워크 내 EC2 구성
  • [x] 월요일 + 목요일 : AWS 클라우드와 네트워크 구성 Network OSI 7 Layer 이해 기반 VPC 와 Subnet, NAT 와 Bastion 구성 → AWS 서비스 종류
• 12주차 (2월 17~21일) : 개발 시 필수로 사용하는 CI/CD 배포 구축을 위한 Docker 와 Github Action
  • [x] 월요일 + 목요일 : 개발과 배포 그 사이의 CI/CD 기술과 절차 : Docker 와 Github Action Docker 란 무엇이며 왜 사용하는지, Docker 개념, CI/CD 절차와 Github Action 직접 구성 실습
• 13주차 (2월 24~28일) : React 서드파티 라이브러리 실습 및 이해 - RTK, React Hook Form 등
  • [x] 월요일 + 목요일 : React 서드파티 라이브러리 : RTK, React Query, React Hook Form 전역 상태관리 Redux Tookit, 비동기 관리 React Query, 비제어 컴포넌트 React Hook Form
• 14주차 (3월 3~7일) : React 메타 프레임워크인 Next.js 14 원리 이해 및 실제 사용 방법
  • [x] 화요일 + 목요일 : Next.js 14+ 활용 및 원리 : Routing, Rendering, Caching 프로젝트 설정 및 App Router, Route Handler 로 백엔드 API 만들기, 다양한 방식의 Rendering