[웹 기초 프로그래밍]

• 웹 개발이란 무엇인가 : 프론트엔드와 백엔드 직무별 다른 개발 관심사 및 접근 방법, 각 라이브러리와 프레임워크 등장 배경 및 의의
• 웹의 등장 및 웹의 구성 : 웹 브라우저와 웹 서버의 이해 웹 브라우저, 웹 서버 각 동작 원리 및 그 사이의 DNS, SEO 개념
• 웹 백엔드 데이터 제공 방식 변천사 웹 서버(WS)에서 웹 어플리케이션 서버(WAS)로의 발전과 템플릿 엔진
• 웹 프론트엔드 페이지 제공 방식 변천사 : 렌더링 패턴 Static, MPA(SSR), SPA(CSR), Hydration 개념 및 실제 배포 사례를 통한 동작 방식 이해
• 웹 브라우저 성능 개선 및 웹 서버 부하 완화 HTTP Cache 원리 및 헤더 설정, Forward / Reverse Proxy 종류 및 구성
• 웹 저장소와 웹 보안의 이해 HTTP Cookie, Web Storage, Session 그리고 HTTPS 및 CORS 보안 이슈
• Git 기초에서 심화 및 실무 활용 Git 명령어 및 Working Directory 및 Staging 상태에 대한 이해와 파일 추가, 수정, 삭제 등 실제 사용예
• 개발과 배포 그 사이의 CI/CD 기술과 절차 : Docker 와 Github Action Docker 란 무엇이며 왜 사용하는지, Docker 개념, CI/CD 절차와 Github Action 직접 구성 실습

[웹 프론트엔드]

• JavaScript 현업에서 사용하는 기초 및 ES6+ 문법, 엔진 동작 원리 함수형 프로그래밍 패러다임, 자바스크립트 함수와 스코프, 모듈 시스템JavaScript 엔진 동작 원리에 따른 호이스팅, Lexical Scope 이해, Promise 와 Async/Await
• CSS 기초 문법과 Tailwind CSS Selector 선택자, Specificity 명시도, Flex 와 Grid, Media Query, Tailwind 를 통한 테마 적용
• React 동작 원리 및 Hook 종류와 알맞은 활용 React 개념 (JSX, Props/State, Virtual DOM) 및 타 프레임워크와의 동작 차이, 컴파일러, 번들러생명주기 및 Hook : useState, useReducer, useEffect, useContext, useRef, 메모이제이션
• React 서드파티 라이브러리 : Redux Tookit, React Query, React Hook Form 전역 상태관리 Redux Tookit, 비동기 라이브러리 React Query, 비제어 컴포넌트 React Hook Form
• Next.js 14+ 활용 및 원리 : Routing, Rendering, Caching 프로젝트 설정 및 App Router, Route Handlers 로 백엔드 API 만들기, 다양한 방식의 Rendering

[웹 백엔드]

• AWS 클라우드와 네트워크 구성 AWS 서비스 종류 및 Network OSI 7 Layer 이해 기반 VPC 와 Subnet, NAT 와 Bastion 구성
• 데이터베이스와 동시성 제어, 트랜잭션 RDBMS(SQL) 와 NoSQL 차이, ERD 설계 이론 및 실습과 SQL DML, DDL 명령어인덱스 구성 및 동시성 제어를 위한 기술 및 트랜잭션 이해