authentication2026년 7월 29일·23분 읽기2026년 모던 인증: JWT, 세션, OAuth, 그리고 Passkey전체 인증 환경: 세션 vs JWT 선택, OAuth 2.0/OIDC 플로우, 리프레시 토큰 로테이션, Passkey(WebAuthn), 그리고 실제로 사용하는 Next.js 인증 패턴.securitynext.jsweb-developmentbackend더 읽기 2026년 모던 인증: JWT, 세션, OAuth, 그리고 Passkey
css2026년 7월 28일·20분 읽기2026년 모던 CSS: 스타일 작성 방식을 바꾼 기능들컨테이너 쿼리, CSS 레이어, :has(), color-mix(), 네스팅, 스크롤 기반 애니메이션, 앵커 포지셔닝. JavaScript 없이도 가능하게 만들어준 CSS 기능들.web-developmentfrontenddesign더 읽기 2026년 모던 CSS: 스타일 작성 방식을 바꾼 기능들
performance2026년 7월 17일·19분 읽기2026년 Core Web Vitals: 실제로 성능을 바꾸는 방법이론은 잊으세요. 실제 Next.js 프로덕션 사이트에서 LCP를 2.5초 이하로, CLS를 0으로, INP를 200ms 이하로 만들기 위해 제가 실제로 한 작업들입니다. 구체적인 기법들을 다룹니다.web-developmentnext.jsseo더 읽기 2026년 Core Web Vitals: 실제로 성능을 바꾸는 방법
ethereum2026년 1월 13일·26분 읽기웹 개발자를 위한 Ethereum: 과대광고 없는 스마트 컨트랙트모든 웹 개발자가 알아야 할 Ethereum 개념: 계정, 트랜잭션, 스마트 컨트랙트, ABI 인코딩, ethers.js, WAGMI, 자체 노드 없이 온체인 데이터 읽기.web3blockchaintypescriptweb-development더 읽기 웹 개발자를 위한 Ethereum: 과대광고 없는 스마트 컨트랙트
tailwind2026년 1월 9일·16분 읽기Tailwind CSS v4: 실제로 무엇이 바뀌었고 마이그레이션해야 할까CSS 우선 설정, @layer 통합, 내장 컨테이너 쿼리, 새로운 엔진 성능, 브레이킹 체인지, v3에서 v4로의 솔직한 마이그레이션 경험.cssweb-developmentfrontend더 읽기 Tailwind CSS v4: 실제로 무엇이 바뀌었고 마이그레이션해야 할까
edge2025년 12월 18일·14분 읽기Edge Functions: 무엇인지, 언제 사용하고, 언제 사용하지 말아야 하는지Edge 런타임, V8 Isolate, 콜드 스타트의 진실, 지역 기반 라우팅, A/B 테스팅, Edge 인증, 그리고 일부를 다시 Node.js로 옮긴 이유. Edge 컴퓨팅에 대한 균형 잡힌 시각.next.jsperformancearchitectureweb-development더 읽기 Edge Functions: 무엇인지, 언제 사용하고, 언제 사용하지 말아야 하는지
testing2025년 11월 24일·26분 읽기Vitest 테스팅 가이드: 제로에서 프로덕션 확신까지유닛 테스트, 통합 테스트, Testing Library를 활용한 컴포넌트 테스트, 모킹 전략, 커버리지 설정, 그리고 실제로 더 나은 소프트웨어를 만드는 테스팅 철학.vitesttypescriptreactweb-development더 읽기 Vitest 테스팅 가이드: 제로에서 프로덕션 확신까지
security2025년 11월 18일·26분 읽기API 보안 모범 사례: 모든 프로젝트에서 실행하는 체크리스트인증, 인가, 입력 유효성 검사, 레이트 리미팅, CORS, 시크릿 관리, OWASP API Top 10. 모든 프로덕션 배포 전에 확인하는 항목들.apibackendnode.jsweb-development더 읽기 API 보안 모범 사례: 모든 프로젝트에서 실행하는 체크리스트
next.js2025년 11월 3일·9분 읽기대규모 Next.js 프로젝트 구조화: 뼈아프게 배운 것들자체 무게에 무너지지 않는 Next.js 코드베이스 정리법에 대해 힘들게 얻은 교훈들. 기능 기반 아키텍처, 라우트 그룹, 서버/클라이언트 경계, 배럴 파일 함정, 그리고 바로 가져다 쓸 수 있는 실제 폴더 구조.typescriptarchitectureweb-development더 읽기 대규모 Next.js 프로젝트 구조화: 뼈아프게 배운 것들
typescript2025년 11월 3일·17분 읽기TypeScript 고급 타입: 조건부 타입, 매핑된 타입, 템플릿 리터럴 타입의 마법TypeScript의 가장 강력한 타입 기능을 심층 분석합니다. 조건부 타입, 매핑된 타입, infer 키워드, 템플릿 리터럴 타입까지. 실무에서 실제로 사용하는 패턴들을 다룹니다.web-developmentjavascript더 읽기 TypeScript 고급 타입: 조건부 타입, 매핑된 타입, 템플릿 리터럴 타입의 마법
general2025년 11월 3일·1분 읽기Hello World: 이 블로그를 시작한 이유이 블로그의 탄생 배경: 왜 글을 쓰기로 했는지, 어떤 주제를 다룰 건지, 그리고 이 사이트를 처음부터 어떻게 만들었는지에 대한 이야기.web-development더 읽기 Hello World: 이 블로그를 시작한 이유
react2025년 11월 3일·26분 읽기React Server Components: 멘탈 모델, 패턴, 그리고 함정들제가 처음 시작할 때 있었으면 했던 React Server Components 실전 가이드. 멘탈 모델, 실제 패턴, 경계 문제, 그리고 여러분이 겪지 않도록 제가 먼저 저지른 실수들을 다룹니다.next.jsweb-developmentarchitecture더 읽기 React Server Components: 멘탈 모델, 패턴, 그리고 함정들
Akousa