CODEMAPO Logo

안녕하세요, codemapo입니다.

Interdisciplinary DeveloperSeoul, KR

기술과 사람, 그 수많은 생각의 '사이'를 사유합니다. 단절된 경계의 빈 공간을 코드로 채워 잇는 개발자입니다.

2026. 4. 3.

Next.js 16 마이그레이션: App Router 완전 전환 후기

Pages Router에서 App Router로 전환하면서 겪은 것들 — 마이그레이션 전략, Server Components 함정, 데이터 페칭 변화, 그리고 성능 결과까지 솔직하게 정리했다.

#Next.js#Migration#App Router
2026. 4. 2.

CSP(Content Security Policy): XSS를 원천 차단하는 헤더

XSS 공격이 성공해도 실행되지 않게 막는 마지막 방어선이 CSP다. 디렉티브 문법부터 nonce 방식, Next.js 설정, 점진적 도입 전략까지 정리했다.

#CSP#Content Security Policy#XSS
2026. 4. 1.

OWASP Top 10 (2025): 웹 보안 위협 총정리

인젝션, 인증 취약점, XSS부터 최신 위협까지 — OWASP Top 10을 실제 코드 예시와 함께 하나씩 뜯어보고, 각 취약점을 어떻게 막는지 정리했다.

#OWASP#Web Security#XSS
2026. 3. 31.

gRPC vs REST vs GraphQL: API 프로토콜 선택 기준

REST는 왜 지금도 지배적인가, GraphQL은 어떤 문제를 해결하는가, gRPC는 언제 진짜 빛나는가. 세 프로토콜의 차이와 선택 기준을 실전 코드와 함께 정리했다.

#gRPC#REST#GraphQL
2026. 3. 30.

마이크로프론트엔드: 프론트도 분리할 수 있을까?

백엔드는 마이크로서비스로 분리하면서 프론트는 왜 여전히 거대한 모놀리스일까? 마이크로프론트엔드가 해결하는 문제와 실전 적용법을 정리했다.

#Micro Frontends#Architecture#Module Federation
2026. 3. 29.

사이드 프로젝트를 끝까지 완성하는 법

개발자라면 다 아는 그 느낌. 아이디어에 불타서 시작했다가 어느 순간 레포지토리가 먼지만 쌓인다. 완성까지 가는 마인드셋과 실전 전략을 내 경험 기반으로 정리했다.

#Side Project#Productivity#Developer Growth
2026. 3. 28.

Turborepo + pnpm: 모노레포에서 빌드 캐시 최적화

모노레포를 쓰다 보면 어느 순간 빌드가 10분이 넘어간다. Turborepo의 태스크 그래프와 캐싱이 이 문제를 어떻게 해결하는지, 실제 Next.js 모노레포 셋업으로 보여준다.

#Turborepo#pnpm#Monorepo
2026. 3. 27.

WebAssembly 실제: 브라우저에서 네이티브 성능 끌어내기

Figma와 Google Earth는 왜 브라우저에서도 빠를까? WebAssembly의 실체와 Rust로 WASM 모듈을 만들어 JavaScript에서 호출하는 전 과정을 파헤쳐봤다.

#WebAssembly#WASM#Performance
2026. 3. 26.

Container Queries: 미디어 쿼리를 넘어서

미디어 쿼리로 반응형 컴포넌트를 만들다가 한계에 부딪힌 적 있어? @container가 그 문제를 어떻게 해결하는지, 실제 카드 컴포넌트 예시로 완전히 뜯어봤다.

#Container Queries#CSS#Responsive Design
2026. 3. 25.

View Transitions API: 페이지 전환 애니메이션의 미래

CSS 애니메이션만으로 페이지 전환을 자연스럽게 만들 수 있다고? document.startViewTransition() 한 줄이 바꾸는 UX를 직접 확인해봐.

#View Transitions#CSS#Animation