분류 전체보기236 (Next.js) BFF 프록시 패턴 2탄 - Next.js + React 멀티 앱 인증 공유와 서브도메인 쿠키 전략 포스팅 목차이 포스팅에서 다루는 것문제 상황 - Next.js와 React 앱이 공존할 때쿠키 도메인 공유 원리시나리오별 비교 - 어떤 도메인 구조를 선택할까?실무에서의 설계 기준 - 왜 서브도메인이 업계 표준인가인증(Authentication) vs 인가(Authorization) - 개념 분리실제 구현 코드공부하면서 생겼던 의문점 (Q&A)참고 자료1. 이 포스팅에서 다루는 것지난 포스팅에서 Next.js App Router에서 BFF 프록시 패턴으로 httpOnly 쿠키 인증을 구현하는 방법을 다뤘습니다.이번엔 거기서 한 발 더 들어간, 실무에서 진짜 부딪히는 문제를 다룹니다."사용자단은 Next.js, 관리자단은 React로 구현했는데, 관리자가 사용자단에서 로그인하면 관리자단에서도 자동으로 로그.. 2026. 6. 20. (Next.js) BFF란?BFF 프록시 패턴으로 인증 구현하기 1탄 - httpOnly 쿠키와 catch-all 프록시 (App Router + TypeScript) 포스팅 목차이 포스팅에서 다루는 것BFF(Backend For Frontend) 패턴이란?쿠키 동작 원리 - 도메인과 httpOnlyReact(Vite) vs Next.js 보안 비교실무 구현 코드공부하면서 생겼던 의문점 (Q&A)참고 자료1. 이 포스팅에서 다루는 것Next.js App Router로 실무 프로젝트를 하다 보면, 처음엔 간단해 보였던 인증 흐름이 의외로 손이 많이 갑니다.저도 처음엔 "그냥 토큰 저장해서 헤더에 붙이면 되는 거 아냐?" 싶었는데, 막상 만들어 보니 쿠키 도메인 문제에 서버/클라이언트 분기, 보안 이슈까지 한꺼번에 쏟아졌습니다.그때 직접 부딪혀 가며 풀었던 BFF 프록시 패턴을, 개념부터 실무 코드까지 정리해 봤습니다.- Next.js App Router (13+) 기준으.. 2026. 6. 16. (Claude) 개발자를 위한 Claude 실무 활용 완벽 가이드 2탄 - CLAUDE.md 팀 설계 + 서브에이전트 & 훅 & MCP 심화 (코딩 생산성 향상) 포스팅 목차이 포스팅에서 다루는 것 (1탄과 달라진 점)CLAUDE.md 실전 설계 전략 - 팀 레벨 컨텍스트 관리Claude Code 심화 - 서브에이전트(Sub-agents)Claude Code 심화 - 훅(Hooks)Claude Code 심화 - MCP(Model Context Protocol) 연동확장 포인트 총정리 - 언제 뭘 써야 할까?공부하면서 생겼던 의문점참고 자료1. 이 포스팅에서 다루는 것 (1탄과 달라진 점)1탄에서는 Claude 기본 활용법 (프롬프트 작성법, 코드 리뷰, .claude/commands 슬래시 커맨드 기초)을 다뤘습니다.이전 포스팅 보러가기 2탄은 실무에서 팀 단위로 Claude Code를 운영하는 방법에 집중합니다.1탄 : Claude가 뭔지 알고, 기본 프롬프트 .. 2026. 5. 2. (Claude) 개발자를 위한 Claude 실무 활용 완벽 가이드 - 코드 리뷰부터 문서 자동화, GitHub 커맨드 생성까지 (코딩 생산성 향상) 포스팅 목차Claude vs ChatGPT, 개발자 관점에서 뭐가 다를까?Claude를 200% 활용하는 프롬프트 작성법코드 리뷰 요청하기문서 및 주석 자동화하기.claude/commands로 Git 워크플로우 자동화하기공부하면서 생겼던 의문점참고 자료1. Claude vs ChatGPT, 개발자 관점에서 뭐가 다를까?AI 도구를 처음 쓰는 분들이 가장 많이 하는 질문 중 하나가 바로 "Claude랑 ChatGPT 중 뭐 써요?" 입니다.2025년 기준으로 전 세계 개발자 커뮤니티와 다수의 기술 리뷰 자료를 종합했을 때,둘 다 훌륭하지만 개발 업무에서 체감되는 차이가 분명히 있습니다.1-1. 핵심 스펙 비교구분Claude (Anthropic)ChatGPT (OpenAI)컨텍스트 윈도우최대 200K 토큰최.. 2026. 4. 25. (Git) git worktree로 Claude Code 병렬 세션 실행하기 - AI 코딩 생산성 높이는 실전 가이드 포스팅 목차Git Worktree란? 왜 필요한가?Worktree vs git stash vs branch 전환 비교Git Worktree 기본 사용법 및 자주 쓰는 커맨드브랜치 병렬 작업 실전 활용Claude Code + Worktree 연동하기공부하면서 생겼던 의문점참고 자료1. Git Worktree란? 왜 필요한가?개발하다 보면 이런 상황이 자주 생깁니다.feature/payment 브랜치 작업 한창 중 → 갑자기 긴급 버그 리포트 들어옴 → git stash로 작업 임시 저장 → main 브랜치로 전환 → 버그 수정 → 다시 feature/payment로 복귀 → stash 꺼내기 → 어디까지 했더라... 이 문제를 해결하는 것이 바로 Git Worktree입니다.Git Worktr.. 2026. 4. 4. (next-intl) Next.js 15 App Router 다국어(i18n) 적용하기 - next-intl 설치부터 서버/클라이언트 컴포넌트 적용까지, TypeScript 포스팅 목차i18n이란? 다국어 지원이 왜 필요한가?Next.js App Router에서 i18n 라이브러리 비교next-intl 설치 및 기본 세팅 (App Router 기준)메시지 파일 구조 및 관리 전략서버 컴포넌트 vs 클라이언트 컴포넌트에서 번역 사용법공부하면서 생겼던 의문점참고 자료1. i18n이란? 다국어 지원이 왜 필요한가?i18n(Internationalization) 은 소프트웨어를 다양한 언어와 지역에 맞게 조정할 수 있도록 설계하는 것을 의미합니다. 이름이 i18n인 이유는 Internationalization의 첫 글자 i와 마지막 글자 n 사이에 18개의 글자가 있기 때문입니다.서비스가 글로벌 사용자를 대상으로 한다면 다국어 지원은 선택이 아닌 필수입니다. 한국어만 지원하는 서비.. 2026. 3. 28. 이전 1 2 3 4 ··· 40 다음
