10년 된 에디터 코어를 Froala에서 Lexical로 교체하기
들어가며 포스타입은 얼마 전 WYSIWYG 에디터의 코어를 Froala에서 Lexical로 바꿨습니다. 한 해 100만 편이 넘는 글이 올라오는 서비스에서, 10년의 맥락이 쌓인 에디터를 통째로 들어내는 작업이었습니다. 사실 저희가 1년 전에 한 번 접었던 일입니다. 창작 플랫폼에서 에디터는 창작자가 매일 쓰는 핵심 도구입니다. 그걸 통째로 들어내는 일이라 리스크가 컸고, 얼마나 걸릴지도 가늠이 안 됐거든요. 그만한 값을 치를 가치가 있는지 확
FrontendPerformanceReactToolsUX/UI
우아한 형제들
2026-06-23 · 26일 전
사람도 AI도 놓친 번역 누락, ESLint 플러그인을 만들어 해결하기
여는 글 대 AI의 시대를 맞이하며 배달의민족 앱에 다국어 지원의 바람이 불었습니다. AI의 빠른 번역 속도는 몇 년 동안 잊혀진 다국어 지원의 실현을 앞당겼고, B마트와 장보기쇼핑을 비롯한 커머스 서비스도 예외는 아니었습니다. 이에 맞춰 커머스 웹프론트에서는 한글 문구를 체계적으로 관리 및 번역하고자, 유명한 다국어 프레임워크 i18next와 react-i18next 생태계에 기반한 커스텀 라이브러리 @lib/i18n을 구현했습니다. 그리고
AI/MLFrontendJavaScriptReactTools
FE News 26년 5월 소식을 전해드립니다.
주요소식 Going under the hood of MDN's new front-end MDN이 React 기반 Yari 아키텍처를 Web Components와 Lit 기반의 새 아키텍처(fred)로 전면 교체한 과정을 기술적으로 풀어낸 글이다. 페이지에 등장하는 <mdn-*> 태그를 동적으로 감지해 해당 컴포넌트의 JS·CSS만 lazy-load하며, Declarative Shadow DOM으로 레이아웃 시프트 없이 SSR 결과를 그대로 받는
ArchitectureFrontendReact
우아한 형제들
2026-04-17 · 3개월 전
하네스 엔지니어링(harness engineering)으로 팀 맞춤형 AI 환경 구축하기
개요 최근 팀에서 AI 코딩 도구를 활용하는 빈도가 늘어나면서, AI가 프로젝트의 고유한 맥락(context)과 컨벤션을 인지하지 못해 같은 설명을 매번 반복해야 하는 비효율을 자주 겪었습니다. 예를 들어 “user 조회 React Query 훅 만들어줘”라고 요청하면, 규칙을 모르는 AI는 공식 문서에 나올 법한 기초적인 형태로 코드를 짜줍니다. 결국 원하는 코드를 얻기 위해 매번 이런 설명을 덧붙여야 했습니다. 이 […] The post 하
AI/MLBackendDevOpsReactTools
ChatGPT에서 요기요 배달 쓰기 — MCP + 위젯 연동 개발기
AI AgentMobileReact
클라우드메이트
2026-03-10 · 4개월 전
React와 DoS
React & DoS
ReactSecurity
리액트의 현재와 미래, 그리고 AI: React Summit US 2025 참관기
카카오뱅크 프론트엔드 클랜이 React Summit US 2025에 다녀왔습니다. 이 글에서는 현장에서 직접 확인한 AI 실무 엔지니어링, 리액트 거버넌스의 변화, 그리고 추상화 속 기본기의 중요성 등 프론트엔드 생태계의 가장 뜨거운 최신 기술 흐름을 현장의 열기와 함께 공유합니다.
AI/MLFrontendPerformanceReactTools
쏘카 디자인 시스템 2.0 개발기 2편: 기술로 굴리기(웹)
목차 개요 컴포넌트 아키텍처 설계 목적 Hook과 객체 합성 컴포넌트와 명령형 API 패키지 전략 트리쉐이킹 AI 활용 Instructions Figma MCP with LLM 후기 공식문서 1. 개요 안녕하세요 쏘카 개발자 아놀드입니다. 이 글은 쏘카 디자인 시스템 2.0 개발기 2편으로, 컴포넌트 아키텍처/패키지 전략/LLM(Large Language Model) 활용에 대해 작성하였습니다. 1편에서는 시스템 설계, 운영 프로세스, Figm
AI/MLDesign SystemFrontendLLMReact
쏘카 디자인 시스템 2.0 개발기 1편: 시스템으로 굴리기(웹)
설계·연동·운영으로 만드는 디자인 시스템
Design SystemFrontendReact
Next.js에서 QueryClient를 전역변수로 사용해도 될까요?
FrontendNext.jsReact
사용자가 페이지 로딩을 눈치채지 못하게 만들기 — RSC 도입 이야기
FrontendPerformanceReact
지그재그에 “포치의 선물가게”를 오픈하며
안녕하세요, 카카오스타일 지그재그 서비스 FE팀의 제이슨입니다. 올해 저희는 지그재그 앱 내에 포치의 선물가게라는 게임 서비스를 오픈했습니다. 이 글에서는 포치의 선물가게 게임을 웹 환경에서 구현하면서 겪었던 기술적 선택들과 그 과정에서 했던 고민을 공유해보려고 합니다.
FrontendMobilePerformanceReactUX/UI
구성원 인터뷰 - 프론트엔드 엔지니어 김성호 님
안녕하세요, 포스타입 피플팀입니다. 일곱 번째 구성원 인터뷰의 주인공은, 문제의 본질을 이해하고 사용자 중심의 해결 방안을 고민하는 프론트엔드 엔지니어 김성호님입니다. 👏🏻 1. 간단한 자기소개와 파트 업무 소개 부탁드려요. 안녕하세요. 포스타입에 합류한 지 3년 차 되는 프론트엔드팀 김성호입니다. 포스타입 프론트엔드팀은 회사의 목표와 이용자 문제 해결을 위해 기술 전문가의 역할을 담당하고 있습니다. '25년 10월 기준으로 프론트엔드팀은
FrontendReactVue
더핑크퐁컴퍼니
2025-09-26 · 10개월 전
Next.js App Router에서 prefetchQuery와 Suspense로 뚜루루뚜루 데이터 스트리밍하기
FrontendNext.jsReact
라포랩스 직무인터뷰 시리즈 Colon : Frontend Engineer
FE 심은서 님, FE 조승희 님
CareerFrontendReact
하나의 프론트엔드 코드로 멀티 환경 운영하기
FrontendReactVue
Visual Studio Code를 Cursor처럼? Amazon Q로 AI 코딩 환경 업그레이드하기
안녕하세요, 올리브영에서 프론트엔드 업무를 진행하고 있는 개발새발자입니다. 최근 개발 환경의 가장 큰 화두는 단연 LLM 기반의 AI 코딩 도우미일 것입니다. 저희 올리브영에서도 개발자들의 생산성을 혁신하기 위해 ChatGPT, Gemini…
AI/MLDevOpsFrontendReactTools
버즈빌 프론트엔드 변천사
버즈빌 Supply 그룹의 Product Growth 팀의 Luke입니다. 저희 버즈빌에서 지난 몇 년간 겪어온 프론트엔드 아키텍처 변화를 공유하려 합니다. AngularJS에서 시작해 Vue, React를 거쳐 Next.js까지, 각 전환점에서의 고민과 선택 과정을 솔직하게 담았습니다. AngularJS에서 Vue로: 통합 어드민의 시작 초기 버즈빌은 광…
ArchitectureFrontendNext.jsReactVue