17개 항목,
17개 분야.
코드 뒤의 원리를 눈으로 이해하세요. 소프트웨어 엔지니어링 개념을 움직이는 예시와 코드로 탐색하는 개발 사전
기초·CS
프론트엔드
백엔드·인프라
품질·운영·AI
↻AI 엔지니어링
RAG, MCP, 에이전트 루프, evals, 토큰 스트리밍을 실제 흐름으로 풀어냅니다.
><알고리즘·자료구조
정렬, 탐색, 시간 복잡도, 트리처럼 문제를 푸는 절차와 데이터를 담는 구조를 시각화합니다.
||동시성·비동기
이벤트 루프, 태스크 큐, 경쟁 상태, 락이 실행 순서를 어떻게 바꾸는지 살펴봅니다.
{}언어·타입 개념
타입 좁히기, 제네릭, 클로저, 참조가 코드의 의미와 안전성에 어떤 역할을 하는지 봅니다.
</Git·협업
브랜치, 머지, 리베이스, 충돌을 커밋 그래프와 실제 작업 흐름으로 이해합니다.
▤렌더링 전략
SSR, CSR, SSG, 스트리밍이 화면을 언제 그리고 어떤 순서로 보여주는지 비교합니다.
()React·상태 패턴
상태 업데이트, 렌더, 이펙트, 메모이제이션이 컴포넌트를 어떻게 움직이는지 봅니다.
ms웹 성능
LCP, INP, 캐시, 지연 로딩으로 체감 속도를 측정하고 개선하는 방법을 다룹니다.
[]브라우저 동작
DOM, CSSOM, 레이아웃, 페인트가 픽셀로 이어지는 브라우저 작업을 따라갑니다.
↔네트워크·HTTP
TCP 핸드셰이크, 요청·응답, TLS, 캐시 헤더가 연결과 전달을 결정합니다.
/>API 설계
엔드포인트, 상태 코드, 페이지네이션, 멱등성이 계약을 어떻게 만드는지 보여줍니다.
DB데이터베이스
인덱스, 트랜잭션, 조인, 격리 수준이 데이터를 빠르고 일관되게 다루는 방식을 살펴봅니다.
::아키텍처·시스템 설계
로드 밸런서, 큐, 캐시, 샤딩으로 트래픽과 책임을 나누는 구조를 봅니다.
>_DevOps·배포
CI, 카나리 배포, 롤백, 인프라 자동화가 변경을 운영 환경까지 옮기는 과정을 다룹니다.
##보안
XSS, CSRF, 패스키, 권한 확인 등 신뢰 경계를 지키는 기본 개념을 시연합니다.
✓테스트
단위·통합·E2E 테스트, 목, 회귀 검증이 변경의 신뢰를 쌓는 방식을 봅니다.
··관측성
로그, 메트릭, 트레이스, OpenTelemetry로 요청이 어디서 느려졌는지 추적합니다.