웹빌더 시스템 Part 1: GrapesJS와 Next.js로 만드는 웹빌더 개발기
GrapesJS와 Next.js로 펜션 홈페이지용 웹빌더를 구성한 사례를 정리했습니다. 정적 배포와 S3 연동으로 운영 효율과 비용 절감을 함께 확보했습니다.
#Next.js#React
10600
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
생성형 AI 도입 흐름과 웹 서비스 개발의 연계
생성형 AI 도입 흐름과 웹 서비스 개발의 연계
생성형 AI가 웹 서비스 개발 전반에 빠르게 스며든 흐름을 정리했습니다. 반복 작업은 AI에 맡기고 개발자는 설계와 품질 검토에 집중하는 방향을 제시했습니다.
#ChatGPT#Claude
8800
버그가 아니라 장애를 잡아라!! QA와 카오스 엔지니어링의 만남
예측 가능한 장애를 사전에 검증하기 위해 카오스 엔지니어링을 도입한 사례를 소개했습니다. 특히 mitmproxy로 API 응답에 null을 주입하는 Application Level 테스트 방법을 다뤘습니다.
#QA#카오스 엔지니어링
10900
[State of FE·JS Korea 2025] 설문조사 결과를 공유합니다!
[State of FE·JS Korea 2025] 설문조사 결과를 공유합니다!
국내 FE/JS 개발자 249명의 2025년 설문 결과를 공유했습니다. TypeScript, React, Vite와 AI 도구 활용 현황이 핵심으로 정리되었습니다.
#TypeScript#JavaScript
17300
토스 프론트엔드 챕터가 오픈소스를 통해 꿈꾸는 미래
토스 프론트엔드 챕터가 오픈소스 위원회를 통해 세계적 오픈소스 탄생 가능성을 실험했습니다.\n자율 기여와 정기 토론으로 코드와 철학을 함께 다듬는 운영 방식을 소개했습니다.
#오픈소스#React
17300
FE News 25년 6월 소식을 전해드립니다!
FE News 25년 6월 소식을 전해드립니다!
네이버 FE 엔지니어들이 2025년 6월 주요 웹·프런트엔드 기술 소식을 큐레이션해 소개했습니다. JavaScript, V8, AI 테스트, 신규 도구 등 다양한 읽을거리와 도구가 포함되었습니다.
#JavaScript#React
17300
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
Amazon Connect를 활용한 토스증권의 고객 센터 혁신 사례
Amazon Connect로 토스증권 고객센터를 클라우드화하고 IVR, STT 분석, CCP 커스터마이징을 구현한 사례입니다. 사용량 기반 과금과 자동 확장으로 비용과 운영 부담을 줄였습니다.
#Amazon Connect#AWS Lambda
7500
Simplicity 4 : 뒤에 개발자 있어요
재사용 가능한 컨퍼런스 구조를 만들기 위해 템플릿 분리, 브라우저 대응, 로드·렌더링 최적화를 진행했습니다. 모바일과 데스크탑 모두에서 자연스럽게 동작하도록 성능과 인터랙션을 다듬었습니다.
#React#mobile
9900
XState 도입기: 복잡한 여행 플랜 상태 관리를 단순화한 방법
여행 플랜처럼 단계가 많고 분기 있는 흐름을 XState 상태 머신으로 정리한 도입기였습니다. React 상태 관리보다 전이 로직을 한곳에 모아 유지 보수와 협업을 쉽게 만든 사례였습니다.
#XState#React
11100
이구위크 회고
29CM 이구위크의 프론트엔드 구현과 회고를 정리했습니다. 공통 컴포넌트로 큐레이션을 빠르게 만들고 배너 개선, QA, 협업 문서화로 운영 효율을 높였습니다.
#React#컴포넌트
13300
단 한 줄로 전환하는 다크 테마 - Variables 기반 디자인 토큰 자동화
Figma Variables와 CSS Variables를 연결해 디자인 토큰을 자동화한 사례를 소개했습니다. data-theme 속성만으로 다크 테마와 브랜드 테마를 단순 전환하도록 구성했습니다.
#Figma#CSS
1900
FE News 25년 5월 소식을 전해드립니다!
FE News 25년 5월 소식을 전해드립니다!
FE 뉴스 25년 5월 소식과 주요 프론트엔드 기술 동향을 소개했습니다. React Compiler RC, 최신 JavaScript 기능, LLM-first Web Framework 사례를 함께 다뤘습니다.
#React#JavaScript
29800
신세계백화점 PC 메인 React 전환기
신세계백화점 PC 메인 페이지를 Spring에서 React와 Next.js 기반으로 전환했습니다.\n초기 로딩, 인피니트 스크롤, SEO까지 함께 고려해 사용자 경험과 유지보수성을 개선했습니다.
#React#Next.js
24800
마이리얼트립 SSR 최적화
SSR 도입 후 발생한 중복 API 호출과 성능 저하의 원인을 분석하고 구조를 개선한 사례를 다뤘습니다. queryKey 통일, 캐시 설정, 메서드 선택으로 FCP와 LCP를 크게 개선했습니다.
#Next.js#React
7600