쏘카 디자인 시스템 2.0 개발기 2편: 기술로 굴리기(웹)
목차 개요 컴포넌트 아키텍처 설계 목적 Hook과 객체 합성 컴포넌트와 명령형 API 패키지 전략 트리쉐이킹 AI 활용 Instructions Figma MCP with LLM 후기 공식문서 1. 개요 안녕하세요 쏘카 개발자 아놀드입니다. 이 글은 쏘카 디자인 시스템 2.0 개발기 2편으로, 컴포넌트 아키텍처/패키지 전략/LLM(Large Language Model) 활용에 대해 작성하였습니다. 1편에서는 시스템 설계, 운영 프로세스, Figm
쏘카 디자인 시스템 2.0 개발기 1편: 시스템으로 굴리기(웹)
설계·연동·운영으로 만드는 디자인 시스템
Next.js에서 QueryClient를 전역변수로 사용해도 될까요?
사용자가 페이지 로딩을 눈치채지 못하게 만들기 — RSC 도입 이야기
지그재그에 “포치의 선물가게”를 오픈하며
안녕하세요, 카카오스타일 지그재그 서비스 FE팀의 제이슨입니다. 올해 저희는 지그재그 앱 내에 포치의 선물가게라는 게임 서비스를 오픈했습니다. 이 글에서는 포치의 선물가게 게임을 웹 환경에서 구현하면서 겪었던 기술적 선택들과 그 과정에서 했던 고민을 공유해보려고 합니다.
구성원 인터뷰 - 프론트엔드 엔지니어 김성호 님
안녕하세요, 포스타입 피플팀입니다. 일곱 번째 구성원 인터뷰의 주인공은, 문제의 본질을 이해하고 사용자 중심의 해결 방안을 고민하는 프론트엔드 엔지니어 김성호님입니다. 👏🏻 1. 간단한 자기소개와 파트 업무 소개 부탁드려요. 안녕하세요. 포스타입에 합류한 지 3년 차 되는 프론트엔드팀 김성호입니다. 포스타입 프론트엔드팀은 회사의 목표와 이용자 문제 해결을 위해 기술 전문가의 역할을 담당하고 있습니다. '25년 10월 기준으로 프론트엔드팀은
Next.js App Router에서 prefetchQuery와 Suspense로 뚜루루뚜루 데이터 스트리밍하기
라포랩스 직무인터뷰 시리즈 Colon : Frontend Engineer
FE 심은서 님, FE 조승희 님
하나의 프론트엔드 코드로 멀티 환경 운영하기
Visual Studio Code를 Cursor처럼? Amazon Q로 AI 코딩 환경 업그레이드하기
안녕하세요, 올리브영에서 프론트엔드 업무를 진행하고 있는 개발새발자입니다. 최근 개발 환경의 가장 큰 화두는 단연 LLM 기반의 AI 코딩 도우미일 것입니다. 저희 올리브영에서도 개발자들의 생산성을 혁신하기 위해 ChatGPT, Gemini…
버즈빌 프론트엔드 변천사
버즈빌 Supply 그룹의 Product Growth 팀의 Luke입니다. 저희 버즈빌에서 지난 몇 년간 겪어온 프론트엔드 아키텍처 변화를 공유하려 합니다. AngularJS에서 시작해 Vue, React를 거쳐 Next.js까지, 각 전환점에서의 고민과 선택 과정을 솔직하게 담았습니다. AngularJS에서 Vue로: 통합 어드민의 시작 초기 버즈빌은 광…
React Server Component와 Streaming으로 웹 성능 극대화하기: Next.js 실전 가이드
XState 도입기: 복잡한 여행 플랜 상태 관리를 단순화한 방법
월간 크롬 이슈 리포트 2025년 4월호
프런트엔드 개발에 가장 많은 영향을 주는 크롬 브라우저의 버전별 변경 예정 항목을 정리 및 공유한다. (2025년 4월호)
코드 한 줄로 경험하는 React 동시성의 마법
11키티즈 게임에서 XState를 선택한 이유
11키티즈 게임에서 XState를 선택한 이유 11키티즈 게임에서는 주요 비즈니스 로직 구현을 위하여 XState를 선택했다. 일반적인 프론트엔드 개발에서는 React의 useState, Redux, Zustand 등을 사용하여 상태를 관리하지만, 게임이라는 특수한 환경에서는 상태 전환의 명확성과 개발 생산성 및 품질 관리가 중요하다고 판단했기 때문이다. 이 글에서는 왜 웹 어플리케이션 게임 개발에서 XState가 효과적인지, 크게 두 가지 측
SPA 환경에서의 버전 업데이트를 위한 모두싸인의 최신 버전 업데이트 기능 구현기
React Router
While developing with React, a framework for Single Page Applications (SPA), I had a question. React detects changes on a single page and updates the Virtual DOM, rendering only the parts that have changed. So I wondered, "Are all pages the same sinc