codemapo
est. 2024
블로그
BLOG
로드맵
ROADMAP
유틸리티
UTILITY
프로젝트
PROJECTS
소개
ABOUT
KO / EN
KO / EN
HOME
/
BLOG
지식 지도
— Knowledge Index
지금까지 쓴 글 전부를 카테고리·좌표로 색인했습니다. 좌표는 분야(축)와 글의 순번을 가리킵니다.
Total
481
편
Categories
32
축
This page
5
편
Updated
26.05
전체
481
M
인공지능
10
M
AI 엔지니어링
7
A
아키텍처
6
M
인공지능
1
B
백엔드
8
B
백엔드 엔지니어링
2
C
커리어
5
F
컴퓨터과학
190
F
자료구조
3
D
데이터베이스
2
C
개발자 성장
2
I
데브옵스
22
G
트러블슈팅
30
U
프론트엔드
18
U
프론트엔드 엔지니어링
3
U
프론트엔드 프레임워크
5
E
헤비 엔지니어링
1
I
인프라
1
O
모바일
3
O
모바일 엔지니어링
1
N
신기술
2
X
운영체제
1
E
실무개발
100
Y
보안
13
L
소프트 스킬
4
E
소프트웨어 공학
1
I
SRE
2
S
시스템 설계
20
T
테스팅
9
W
웹 개발
1
W
웹 개발
7
W
웹 기초
1
Showing 7 of 7
page 1 / 1
Date
Coord
Title
Tags
Read
2025.09.01
W·07
번들러: Webpack, Rollup, Vite가 하는 일의 본질 (대규모 업데이트)
수천 개의 JS 파일을 하나로 합치는 마법. Tree Shaking, HMR, Code Splitting의 원리와 차세대 번들러(Vite, Turbopack)의 등장 배경.
Web
JavaScript
Tooling
—
2025.07.15
W·06
REST API: 개발자를 위한 완벽 가이드 (아키텍처부터 구현까지)
REST의 6가지 제약조건, 리차드슨 성숙도 모델, 상태 코드 가이드, HATEOAS, 캐싱 전략, 보안 가이드(JWT, OAuth), 그리고 GraphQL 비교.
Web
API
Network
—
2025.05.23
W·05
부모가 렌더링되면 자식도 렌더링된다? React 렌더링의 진실과 오해
React 성능 최적화의 첫걸음은 렌더링 규칙을 정확히 이해하는 것입니다. 부모 컴포넌트가 업데이트될 때 자식 컴포넌트의 불필요한 렌더링을 막는 React.memo, useMemo, Context API 최적화, 그리고 React 19 Compiler의 미래를 정리합니다.
React
Performance
Frontend
—
2025.05.20
W·04
클로저(Closure): 자바스크립트의 가장 강력한 무기 (대규모 업데이트)
함수가 선언될 때의 렉시컬 환경(Lexical Environment)을 기억하는 현상. React Hooks의 원리이자 정보 은닉의 핵심 키.
JavaScript
CS
Web
—
2025.05.19
W·03
SPA 배포 후 새로고침하면 404가 뜨는 이유 (Nginx, S3, Netlify 설정법)
React나 Vue 프로젝트를 빌드해서 배포했는데, 홈 화면은 잘 나오지만 새로고침만 하면 'Page Not Found'가 뜨나요? CSR의 원리와 서버 설정(Nginx, Apache, S3)을 통해 이를 해결하는 완벽 가이드.
Web
React
Deployment
—
2025.05.15
W·02
브라우저 저장소 완벽 가이드: Cookie, LocalStorage, IndexedDB
프론트엔드 개발자가 알아야 할 4가지 저장소의 차이점과 보안 이슈(XSS, CSRF), 그리고 언제 무엇을 써야 하는지에 대한 명확한 기준.
Web
Browser
Storage
—
2025.05.10
W·01
쿠키(Cookie) vs 세션(Session): 상태 관리의 양대 산맥 (대규모 업데이트)
HTTP는 기억상실증 환자입니다. 서버가 클라이언트를 기억하게 만드는 두 가지 방법론의 차이와 현대의 JWT 인증 방식 비교.
Web
HTTP
Auth
—
F
컴퓨터과학
190
E
실무개발
100
G
트러블슈팅
30
I
데브옵스
22
S
시스템 설계
20
U
프론트엔드
18
Y
보안
13
M
인공지능
10
T
테스팅
9
B
백엔드
8
W
웹 개발
7
M
AI 엔지니어링
7
A
아키텍처
6
C
커리어
5
U
프론트엔드 프레임워크
5
L
소프트 스킬
4
F
자료구조
3
U
프론트엔드 엔지니어링
3
O
모바일
3
N
신기술
2
C
개발자 성장
2
I
SRE
2
D
데이터베이스
2
B
백엔드 엔지니어링
2
O
모바일 엔지니어링
1
W
웹 기초
1
E
소프트웨어 공학
1
X
운영체제
1
E
헤비 엔지니어링
1
M
인공지능
1
I
인프라
1
W
웹 개발
1
▸ 전체 태그 둘러보기
→