Velopers
모든 태그
태그

Next.js 기술 블로그 글

Next.js 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.

전체 153개최신 20개 표시
홈에서 필터

관련 태그

#React387#TypeScript187#Claude146#LLM1,153#디자인 시스템84#SSR75#Claude Code62#모노레포23#Turborepo14#MCP283#Android259#Spring Boot229

최신 게시글

20개 표시

프론트엔드

App Router의 장점은 우리에게도 장점일까요?

App Router와 RSC의 장점을 실제 서비스에 적용해 검토했지만, 전환과 운영 비용이 더 크다고 판단했습니다. 토스뱅크는 일부 이득보다 안정성과 기존 기능 호환성을 우선해 Pages Router를 유지하기로 했습니다.

#Next.js#React Server Components#SSR
11800

기타

FE News 26년 9월 소식을 전해드립니다.

FE 분야의 최신 기술 소식을 묶어 AI 역량, 프레임워크 마이그레이션, 성능 개선 흐름을 정리했습니다. 실무에 바로 참고할 만한 업데이트와 적용 포인트를 함께 소개했습니다.

#Next.js#Bun#React
1900

기타

Claude와 함께한 행사용 웹앱 개발기

오프라인 행사 운영을 웹앱으로 전환하며 1인 개발과 Claude 협업 방식을 정리했습니다. 설계, 디버깅, 리팩토링에서 AI를 파트너처럼 활용한 실무 인사이트를 공유했습니다.

#React#TypeScript#Next.js
4600

프론트엔드

Unity를 모르는 프론트엔드 개발자가 AI로 Unity 서비스를 React로 옮긴 방법

Unity를 모르는 프론트엔드 개발자가 AI와 하네스 엔지니어링으로 Unity 서비스를 React/Next로 옮긴 과정을 다뤘습니다. 명세 중심 검증, IME 대응, 가상 스크롤 전환, 자동 안전장치와 도메인별 리뷰 분리를 소개했습니다.

#React#Next.js#Unity
5000

아키텍처

모노리포 희망편, 절망의 리포가 희망의 리포로 부활하기까지 걸린 1년

토스는 대규모 프론트엔드 모노리포의 의존성 파편화를 해결하기 위해 카탈로그를 도입했습니다. 이를 통해 설치 속도와 개발 경험을 개선하고 최신 플랫폼 변경을 안정적으로 전파했습니다.

#모노리포#React#Next.js
7500

AI

AI 에이전트를 개발하지 않고 조립한다 — Amazon Bedrock AgentCore 기반 엔터프라이즈 에이전트 플랫폼

Amazon Bedrock AgentCore로 에이전트를 개발보다 조립에 가깝게 구성하는 엔터프라이즈 플랫폼을 소개했습니다. 자체 구현한 레지스트리·정책·관측을 관리형 서비스로 전환하는 방향도 함께 다뤘습니다.

#Amazon Bedrock AgentCore#MCP#Terraform
2500

프론트엔드

FE News 26년 7월 소식을 전해드립니다.

네이버 FE News에서 TypeScript 7.0 RC, 정책 전달 방식, AI 에이전트 루프 설계와 React 코드 점검 도구를 소개했습니다. 대규모 코드베이스 성능 개선과 규칙 일관성, 자동 검증 관점의 실무 아이디어를 정리했습니다.

#TypeScript#React#Next.js
57900

프론트엔드

Playwright E2E 테스트로 자가개선 루프 구축하기

AI가 코드를 더 빨리 만들수록 검증이 병목이 된다고 설명했습니다. Playwright E2E와 에이전트를 조합해 결정론적인 자가개선 테스트 루프를 구축하는 방법을 소개했습니다.

#Playwright#E2E 테스트#Next.js
28400

기타

아임웹의 새로운 기술블로그를 소개합니다.

아임웹이 기술 블로그를 새로 런칭하며 외부 플랫폼의 한계를 보완하고 자체 도메인 기반 구조를 만들었습니다. 또한 운영 설정, 작성 가이드, 외부 접점까지 함께 정비해 기술 조직의 포트폴리오로 삼았습니다.

#Next.js#Notion#GitHub Pages
2600

AI

개발자 없이 5분 만에 버그를 고친 QA, 우리가 설계한 것과 설계하지 않은 것

AI 코딩 도구를 개인용에서 팀과 비개발자용으로 확장한 설계 과정을 다뤘습니다. Slack 기반 인터페이스와 품질 게이트로 QA와 기획자도 안전하게 작업하도록 만든 사례입니다.

#Claude Code#Slack#Jira
8800

프론트엔드

FE News 26년 5월 소식을 전해드립니다.

MDN 아키텍처 개편, React 접근성 점검, RSC 캐싱과 Cursor SDK 소식을 정리했습니다.\n웹 표준, 캐싱 경계, 코딩 에이전트의 제품 내 활용 흐름을 함께 살펴볼 수 있습니다.

#React#web#accessibility
27400

데브옵스

CMS 모노레포 개선기: 빌드 시간 단축부터 번들 최적화까지

모노레포 CMS의 빌드 파이프라인을 개선해 배포 시간을 14분에서 8분으로 줄였습니다. 병렬 빌드, 캐시 최적화, 안정성 보강과 번들 최적화까지 함께 다뤘습니다.

#Next.js#Spring Boot#모노레포
11000

아키텍처

Nobody Owned the Website. Now Everybody Does.

분산된 웹 자산을 디자인 토큰 기반 Next.js 모노레포로 통합했습니다.\nAI 에이전트용 규칙과 자동화로 전사 기여 가능한 브랜드 플랫폼을 구축했습니다.

#디자인 시스템#Next.js#Turborepo
000

기타

Gemini 3.1 Flash Live, Lyria 3 Pro 등 3월 넷째 주 Google for Developers 위클리 업데이트를 지금 확인하세요!

Google for Developers의 3월 넷째 주 주요 업데이트를 제품군별로 정리해 소개했습니다. 관심 분야의 최신 발표와 문서를 링크로 바로 확인할 수 있습니다.

#Gemini#Android#Google Cloud
400

아키텍처

멀티 프레임워크 디자인 시스템, 결국 운영 가능한 구조를 선택한 이유

React와 Vue를 함께 지원하던 디자인 시스템에서 운영 비용을 줄이기 위해 지원 범위를 재정의했습니다. React는 컴포넌트 운영축으로, Vue는 파운데이션 중심으로 전환한 사례입니다.

#React#Vue.js#Next.js
8400

프론트엔드

그때는 맞고 지금은 틀리다. Yarn Berry에서 pnpm으로 패키지 매니저 전환기

카카오페이가 Yarn Berry에서 pnpm으로 전환한 배경과 검증 과정을 공유했습니다. 메모리 스파이크를 해결하고 배포 효율과 도커 이미지 크기도 개선했습니다.

#pnpm#Yarn Berry#Next.js
18500

AI

AI와 협업을 통한 GitHub Spec Kit 을 활용한 명세 기반 개발(Spec-Driven Development, SDD) 프로세스 소개

GitHub Spec Kit 기반 SDD 프로세스를 소개하며 명세를 중심으로 AI와 협업하는 흐름을 정리했습니다. 4단계 워크플로우와 TDD·BDD 비교, 로그인 예시까지 함께 설명했습니다.

#Next.js#GitHub#LLM
12900

프론트엔드

FE News 26년 3월 소식을 전해드립니다!

FE 엔지니어들이 React 재단, CSS Day, Claude Code, TypeScript, Vinext 같은 프런트엔드 관련 소식을 소개했습니다.\nNext.js 대안과 성능 개선 사례를 포함한 월간 기술 큐레이션입니다.

#React#CSS#Claude Code
13200

프론트엔드

[디자인 시스템 어떻게 만들었어요?(3)] Tree Shaking과 구형 브라우저 대응

Next.js 환경에서 디자인 시스템 라이브러리의 번들 최적화와 구형 브라우저 대응 방법을 정리했습니다. 모듈 구조 유지, transpilePackages, 폴리필 전략을 통해 서비스 단의 호환성과 성능을 함께 개선했습니다.

#Next.js#React#Tree Shaking
9900

AI

AI 코딩 에이전트에게 사고 과정을 설계하다— /start부터 Agent Teams까지

AI 코딩 에이전트의 작업 방식을 사고 흐름과 규칙 체계로 설계한 사례를 정리한 글입니다. /start·/done, 페르소나, Agent Teams로 협업과 검증을 표준화했습니다.

#LLM#Cursor#Claude
7500