SEO 주도 개발 실천기: 구글이 인정한 ‘좋은 URL’ 99% 달성 여정
SEO 지표를 개발 목표로 삼아 서버와 클라이언트의 병목을 단계적으로 개선했습니다. 그 결과 원티드 플랫폼의 99% URL을 ‘좋은 URL’로 전환했습니다.
#SEO#Next.js
96005분
필터 1
개발자가 개발을 안하는 세계에서..
리멤버 해커톤에서 AI 도구를 활용해 한 달간 프로덕트를 만든 경험을 공유했습니다. 바이브 코딩 환경, Spec 기반 개발, 프롬프트 고도화로 협업과 품질을 끌어올린 과정을 소개했습니다.
#LLM#prompt
162005분
우아한 디버깅 툴 2부: 좀 더 편하게 일하기 위한 개선들
우아한 디버깅 툴 2부: 좀 더 편하게 일하기 위한 개선들
QA 재현과 기록, 티켓 전달을 자동화해 업무 흐름을 단방향으로 개선했습니다. rrweb 세션 리플레이와 어드민, Network Rewrite로 이슈 처리 효율을 높였습니다.
#QA#rrweb
41005분
구성원 인터뷰 - 프론트엔드 엔지니어 김성호
포스타입 프론트엔드팀 인터뷰로, 컨슈머 파트의 역할과 프리뷰 기반 업무 방식을 소개했습니다. 사용자 중심 사고로 문제의 본질을 파악하고 더 나은 해결책을 제안하는 역량을 강조했습니다.
#React Native#Next.js
108005분
GraphQL 커스텀 디렉티브로 만드는 선언적 지연 로딩
SSR에서 개인화 필드 동기화와 중복 요청 문제를 GraphQL 커스텀 디렉티브로 해결한 사례를 소개했습니다.\n`@lazy`로 필요한 필드만 재조회해 네트워크 비용을 줄이고 개발자 경험을 개선했습니다.
#GraphQL#Apollo Client
65005분
Next.js App Router에서 prefetchQuery와 Suspense로 뚜루루뚜루 데이터 스트리밍하기
Next.js App Router에서 React Query v5.40.0과 Suspense로 데이터 로딩 전략을 비교했습니다. await 없는 prefetch와 점진적 렌더링으로 더 자연스러운 UX를 얻을 수 있음을 실험했습니다.
#Next.js#App Router
114005분
“보이지 않는 곳에서 만드는 차이, 플랫폼팀이 만드는 효율과 성장의 무대”
프론트엔드 플랫폼팀이 서비스 안정성, DX, 성능 개선을 위해 맡는 역할을 소개했습니다. 또한 Micro Frontends, 모니터링, CI/CD로 대규모 웹 서비스를 운영하는 방향을 설명했습니다.
#Micro Frontends#React
13005분
Next.js ISR 전환과 Redis 외부 캐싱 (SSR 지옥 탈출기 시리즈 1)
X
#Next.js#ISR
149005분
Next.js SSR 서버를 위한 모니터링 시스템 구축 (SSR 지옥 탈출기 시리즈 2)
X
#Next.js#SSR
54005분
오!라방 라이브커머스 클라우드 비용 절감 프로젝트
오!라방 라이브커머스 클라우드 비용 절감 프로젝트
오!라방은 트래픽 집중 패턴에 맞춰 ELB+ECS를 CloudFront+S3 서버리스로 전환했습니다. 또한 Next.js를 Vite로 바꿔 번들 크기와 클라우드 비용을 함께 줄였습니다.
#AWS#cloud
56005분
AICX: Claude Code와 Antrophic Batch API를 활용하여 고객 채팅 상담 분석하기
Claude Code와 Anthropic Batch API로 고객 채팅 상담 분류·분석 파이프라인을 검증했습니다.실시간 API보다 비용을 줄이면서 배치 처리, 시각화, 후속 자동화 방향까지 정리했습니다.
#Claude#Anthropic API
38005분
Next.js 개발 중 마주한 Hydration Error와 원인
Next.js SSR 환경에서 Hydration Error가 발생한 원인과 점검 방법을 정리했습니다. dayjs locale 불일치로 서버와 클라이언트 렌더 결과가 달라진 사례를 설명했습니다.
#Next.js#React
135005분