FE 개발자를 위한 CS 스터디 · 10주

쓰는 법 말고,
그 아래 CS까지.

자료구조·네트워크·OS·DB·프레임워크 내부까지.
FE에 필요한 CS 전 영역을 6단계 41개 챕터로 정리했어요.

6단계 커리큘럼

41개 챕터 · 41개 공개
01 · 수학과 자료구조
1–2주차
01

수학과 자료구조·알고리즘

비트와 진법, 이산수학, 복잡도를 거쳐 배열·해시·스택·큐·트리·그래프·정렬까지. 이후 모든 단계에서 반복 등장할 기초 어휘를 여기서 확립해요.

7개 챕터
0%
02 · 브라우저와 네트워크
3–4주차
02

브라우저·네트워크·인증

TCP/IP에서 TLS 1.3, HTTP/3, OAuth, 이벤트 루프, 브라우저 저장소, XSS·CSRF·CORS, 캐싱·CDN까지.

9개 챕터
0%
03 · 운영체제
5주차
03

운영체제·컴퓨터 구조

프로세스와 스레드, 동기·비동기 I/O 모델, 메모리 관리, CPU 캐시와 지역성.

4개 챕터
0%
04 · 데이터베이스
6주차
04

데이터베이스

관계형 vs NoSQL, SQL 기본기, 정규화, 인덱스, 트랜잭션, FE가 자주 만나는 실무 이슈.

6개 챕터
0%
05 · 심화 FE
7–8주차
05

심화 FE CS

V8 엔진, 실행 컨텍스트와 클로저, 컴파일러·AST, 모듈·번들러, 렌더링 패턴, 성능, 프레임워크 내부, 접근성과 PWA.

8개 챕터
0%
06 · SW 공학
9–10주차
06

소프트웨어 공학

디자인 패턴, SOLID, 아키텍처, 함수형, 테스팅, Git 내부, 배포와 CI/CD.

7개 챕터
0%

공개된 챕터 · 바로 시작하기

단계별 필터로 좁혀볼 수 있어요
01 · 수학과 자료구조
1-1

수 표현과 비트 연산

진법 변환, 2의 보수, IEEE 754, 비트마스크 실전.

18분
0%
01 · 수학과 자료구조
1-2

이산수학 핵심

명제 논리, 집합, 순열·조합, 귀납법.

16분
0%
01 · 수학과 자료구조
1-3

복잡도 분석

빅오, 분할상환, JS 내장 연산의 숨은 복잡도.

14분
0%
01 · 수학과 자료구조
1-4

배열·문자열·해시

연산 비용표와 Object vs Map vs Set 실전.

20분
0%
01 · 수학과 자료구조
1-5

스택·큐·힙

LIFO, FIFO, 우선순위 큐가 설명하는 알고리즘의 반.

18분
0%
01 · 수학과 자료구조
1-6

연결 리스트·트리·그래프

DOM, Virtual DOM, 번들러 의존성 그래프의 뿌리.

22분
0%
01 · 수학과 자료구조
1-7

핵심 알고리즘

정렬, 이분 탐색, DP, 그리디, 위상 정렬, 최단 경로.

24분
0%
02 · 브라우저와 네트워크
2-1

네트워크 기초

OSI 7계층, TCP/IP, TCP vs UDP, DNS.

22분
0%
02 · 브라우저와 네트워크
2-2

HTTP와 HTTPS

HTTP 1.1/2/3 차이, TLS 1.3 핸드셰이크, 인증서.

20분
0%
02 · 브라우저와 네트워크
2-3

통신 프로토콜과 API 스타일

REST, GraphQL, gRPC, WebSocket, SSE.

20분
0%
02 · 브라우저와 네트워크
2-4

인증과 인가

쿠키·세션, JWT, OAuth 2.0, OIDC.

22분
0%
02 · 브라우저와 네트워크
2-5

브라우저 렌더링 과정

Critical Rendering Path, Reflow/Repaint, 합성.

20분
0%
02 · 브라우저와 네트워크
2-6

이벤트 루프

Task·Microtask, requestAnimationFrame, 렌더 타이밍.

18분
0%
02 · 브라우저와 네트워크
2-7

브라우저 저장소

Cookie, Local·SessionStorage, IndexedDB, Cache API.

16분
0%
02 · 브라우저와 네트워크
2-8

웹 보안

XSS, CSRF, CORS, CSP, SameSite 쿠키.

22분
0%
02 · 브라우저와 네트워크
2-9

캐싱과 CDN

Cache-Control, ETag, CDN 동작 원리.

18분
0%
03 · 운영체제
3-1

프로세스와 스레드

Process vs Thread, 컨텍스트 스위칭, JS 싱글 스레드.

20분
0%
03 · 운영체제
3-2

동기·비동기와 I/O 모델

Blocking vs Non-blocking, 이벤트 기반 I/O.

18분
0%
03 · 운영체제
3-3

메모리 관리

스택과 힙, 가비지 컬렉션, 메모리 누수 패턴.

20분
0%
03 · 운영체제
3-4

CPU 캐시·지역성

L1/L2/L3, 캐시 라인, 시간·공간 지역성.

16분
0%
04 · 데이터베이스
4-1

DB 기초와 선택 기준

관계형 vs NoSQL, ACID vs BASE, 선택 기준.

18분
0%
04 · 데이터베이스
4-2

SQL 기본기

JOIN, 서브쿼리, GROUP BY, 윈도우 함수.

20분
0%
04 · 데이터베이스
4-3

정규화

1NF~BCNF, 역정규화의 트레이드오프.

16분
0%
04 · 데이터베이스
4-4

인덱스

B-Tree, 해시, 복합 인덱스, 실행 계획.

18분
0%
04 · 데이터베이스
4-5

트랜잭션

ACID, 격리 수준, 락과 데드락.

18분
0%
04 · 데이터베이스
4-6

FE가 자주 만나는 이슈

N+1, 페이지네이션, 동시성, 시간대 처리.

16분
0%
05 · 심화 FE
5-1

JavaScript 엔진 V8

Ignition, TurboFan, Hidden Class, Inline Cache.

22분
0%
05 · 심화 FE
5-2

실행 컨텍스트·스코프·클로저

Execution Context, Scope Chain, Closure의 실체.

22분
0%
05 · 심화 FE
5-3

컴파일러와 AST

파서, AST, Babel·SWC 내부 흐름.

20분
0%
05 · 심화 FE
5-4

모듈 시스템과 번들러

CommonJS vs ESM, Webpack·Vite·Rollup.

20분
0%
05 · 심화 FE
5-5

렌더링 패턴

CSR, SSR, SSG, ISR, RSC.

20분
0%
05 · 심화 FE
5-6

웹 성능 최적화

Core Web Vitals(LCP, CLS, INP), 번들·이미지.

22분
0%
05 · 심화 FE
5-7

프레임워크 내부 동작

Virtual DOM, Fiber, Reactivity 시스템.

22분
0%
05 · 심화 FE
5-8

기타 꼭 알아야 할 것들

접근성, i18n, PWA, Service Worker.

18분
0%
06 · SW 공학
6-1

디자인 패턴

생성·구조·행동 패턴과 FE 실전 적용.

22분
0%
06 · SW 공학
6-2

설계 원칙

SOLID, DRY, KISS, YAGNI.

18분
0%
06 · SW 공학
6-3

아키텍처 패턴

MVC, MVVM, Flux, Clean Architecture.

20분
0%
06 · SW 공학
6-4

함수형 프로그래밍

순수 함수, 불변성, 고차 함수, 커링.

18분
0%
06 · SW 공학
6-5

테스팅

단위·통합·E2E, TDD, 테스트 피라미드.

18분
0%
06 · SW 공학
6-6

버전 관리 Git

Git 내부 구조, 브랜치 전략, rebase vs merge.

18분
0%
06 · SW 공학
6-7

배포와 CI/CD

CI/CD 파이프라인, 블루-그린, 카나리 배포.

18분
0%