CODEMAPO Logo

Hello, I'm codemapo.

Interdisciplinary DeveloperSeoul, KR

Reflecting on the spaces between technology and humanity. A developer who fills the gaps and connects boundaries with code.

Latest Posts

Read Blog
4/3/2026

Next.js 16 Migration: Full App Router Conversion Retrospective

Everything I hit while converting from Pages Router to App Router — migration strategy, Server Component gotchas, data fetching rewrites, and honest before/after performance numbers.

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

CSP (Content Security Policy): The Header That Blocks XSS at the Source

CSP is the last line of defense that stops XSS scripts from executing even if injected. Directive syntax, nonce approach, Next.js config, and a safe rollout strategy — all covered.

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

OWASP Top 10 (2025): Complete Web Security Threats Overview

From injection and broken auth to XSS and the newest threats — OWASP Top 10 broken down with real code examples and practical mitigations for each vulnerability.

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

gRPC vs REST vs GraphQL: How to Choose Your API Protocol

Why REST still dominates, what GraphQL actually solves, and when gRPC really shines. A practical breakdown of all three API protocols with real code and decision criteria.

#gRPC#REST#GraphQL
3/30/2026

Micro Frontends: Can You Split the Frontend Too?

Backends split into microservices, but frontends stay as one giant monolith. Micro frontends solve that — here's what they fix, how composition works, and when it's actually worth it.

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

How to Actually Finish Your Side Projects

Every developer knows the feeling: fired up about an idea, then watching the repository collect dust. Here's the mindset and practical strategies that actually get projects across the finish line.

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

Turborepo + pnpm: Optimizing Build Cache in Monorepos

Monorepos eventually hit a build time wall. Here's how Turborepo's task graph and caching solve the problem, shown through a real Next.js monorepo setup.

#Turborepo#pnpm#Monorepo
3/27/2026

WebAssembly in Practice: Native Performance in the Browser

Why does Figma feel fast in the browser? Dig into what WebAssembly actually is, and walk through the full workflow of building a Rust WASM module and calling it from JavaScript.

#WebAssembly#WASM#Performance
3/26/2026

Container Queries: Beyond Media Queries

Hit the limits of media queries when building responsive components? Here's how @container solves the problem, broken down with real card component examples.

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

View Transitions API: The Future of Page Transition Animations

Can CSS animations alone make page transitions feel native? See how a single document.startViewTransition() call transforms your UX.

#View Transitions#CSS#Animation