프레임워크에 구애받지 않는 통합 백오피스 구축하기
들어가며 안녕하세요! 올리브영에서 카탈로그 플랫폼 서비스를 담당하는 팀에서 프론트엔드 개발을 맡고 있는 몽이형입니다. 혹시 올리브영 기술 블로그의 마이크로프론트엔드(MFE) 시리즈(2025.07~11 발행, 총…
devBlog
Frontend 글 모음
기업 기술블로그의 Frontend 관련 글 559개
FE News 26년 7월 소식을 전해드립니다.
주요소식 26년 6월 소식에서는 다음과 같은 유용한 정보들을 만나보실 수 있습니다. TypeScript 7.0 RC Go로 재작성된 네이티브 컴파일러를 탑재한 TypeScript 7.0의 릴리스 후보(RC)가 공개되었다. 기존 타입 체크 로직과 구조를 그대로 유지한 채 포팅해 6.0보다 약 10배 빠르며, Bloomberg, Figma, Google, Slack, Vercel 등 여러 기업의 팀과 프리릴리스 빌드를 테스트해 왔다. 향후 한 달
Refine 실제 적용 사례(feat. 투표 플랫폼) — (2)
AI로 웹 엔지니어 없이 LINE 앱 안에서 그룹 영상 통화 서비스 만들기
들어가며LINE Developers를 통해 이용할 수 있는 LIFF(LINE Front-end Framework)를 활용하면, LINE 앱 사용자를 대상으로 나만의 서비스 공간을 ...
10년 된 에디터 코어를 Froala에서 Lexical로 교체하기
들어가며 포스타입은 얼마 전 WYSIWYG 에디터의 코어를 Froala에서 Lexical로 바꿨습니다. 한 해 100만 편이 넘는 글이 올라오는 서비스에서, 10년의 맥락이 쌓인 에디터를 통째로 들어내는 작업이었습니다. 사실 저희가 1년 전에 한 번 접었던 일입니다. 창작 플랫폼에서 에디터는 창작자가 매일 쓰는 핵심 도구입니다. 그걸 통째로 들어내는 일이라 리스크가 컸고, 얼마나 걸릴지도 가늠이 안 됐거든요. 그만한 값을 치를 가치가 있는지 확
End to End 유저 모니터링 RUM 으로 한방에 해결!!
네이버 사내 기술 교류 행사인 NAVER ENGINEERING DAY 2026(5월)에서 발표되었던 세션을 공개합니다. 발표 내용 End To End 모니터링을 별도의 작업없이 제공 받을수 있는 nFront RUM 서비스를 소개합니다. 내부 솔루션만으로 구현한 서비스로 별도의 비용 없이 AI report까지 제공되는 Real User Monitoring 서비스 입니다. 발표 대상 서비스 품질 측정과 모니터링 작업에 관심있는 개발자 목차 RUM
AI와 코드 사이: 이미지 한 장을 편집 가능한 레이어로 되돌리기
혼자 시작해 전국 오픈까지, 당근 레슨/과외 빌딩 로그
의뢰자가 가장 어려워하는 단계를 AI로: Strands SDK를 활용한 라우드소싱의 공모전 브리핑 에이전트 구축기
스터닝은 ‘창작자가 중심이 된 비즈니스 생태계를 만드는 플랫폼’을 목표로 라우드소싱과 노트폴리오가 만나 탄생한 기업입니다. 그 중 라우드소싱은 디자인 아이디어를 얻을 수 있는 공모전, 1:1 의뢰 등의 서비스를 제공하고 있으며, 창작자와 의뢰자를 효과적으로 연결하기 위해 마켓, 매칭, 통합검색 기능 등을 지속적으로 고도화 해왔습니다. 라우드소싱의 브리핑 작성 AI는 의뢰자가 공모전을 등록할 때 원하는 디자인 카테고리, 업종, 스타일, […]
[행사스케치] AI로 완성하는 공공 혁신: 제9회 전자정부의 날 기념식 및 공공 AI 산업박람회
안녕하세요, 누구나 쉽게 시작하는 클라우드 네이버클라우드 ncloud.com 입니다. 지난 6월 23일(화)부터 24일(수)까지, 일산 KINTEX 제2전시장에서 제9회 전자정부의 날 기념식 및 공공 AI 산업박람회가 개최되었습니다. 올해 박람회는 30여 개의 중앙행정기관·지방자치단체·공공기관 및 일반 기업이 참여해 AI 민주정부 비전과 공공 혁신 방향을 제시하는 자리였는데요. 네이버클라우드도 다양한 정부 기관에서 사용되고 있는 '네이버웍스'를
한 번 성공하니 다음도 쉬울 줄 알았다: 최소주문금액바 4번의 A/B실험
들어가며 2024년 10월, 배달의민족 장보기·쇼핑 서비스에 ‘최소주문금액바’라는 스낵바 형태의 UI를 도입했습니다. 퀵커머스는 빠른 배달이 강점이지만, 그만큼 배달 비용도 높습니다. 라이더가 한 번에 배달할 수 있는 주문 수가 제한적이기 때문입니다. 그래서 퀵커머스 서비스에는 일정 금액 이상 주문해야 하는 ‘최소주문금액’이 존재합니다. 최소주문금액바는 고객이 이 기준까지 얼마나 남았는지를 쉽게 알 수 있도록 만든 기능이었어요. 우리의 목표는
프롬프팅에서 워크플로로, AI로 프런트엔드 개발 생산성 끌어올리기
LY Corporation의 기술 컨퍼런스인 Tech-Verse 2026의 공식 기사입니다.AI 생성 이미지코딩 속도는 더 이상 가장 큰 병목이 아닙니다. 이제 병목은 입력이 여러...
S3 + CloudFront 기반 SPA 배포에서 캐시와 fallback 전략 설계하기
index.html, hashed assets, route-only rewrite를 분리해 배포 안정성 높이기
사람도 AI도 놓친 번역 누락, ESLint 플러그인을 만들어 해결하기
여는 글 대 AI의 시대를 맞이하며 배달의민족 앱에 다국어 지원의 바람이 불었습니다. AI의 빠른 번역 속도는 몇 년 동안 잊혀진 다국어 지원의 실현을 앞당겼고, B마트와 장보기쇼핑을 비롯한 커머스 서비스도 예외는 아니었습니다. 이에 맞춰 커머스 웹프론트에서는 한글 문구를 체계적으로 관리 및 번역하고자, 유명한 다국어 프레임워크 i18next와 react-i18next 생태계에 기반한 커스텀 라이브러리 @lib/i18n을 구현했습니다. 그리고
모노레포가 미리캔버스 프론트엔드 아키텍처를 뒷받침 하는 방법 [2/2]
모노레포가 미리캔버스 프론트엔드 아키텍처를 뒷받침 하는 방법 [1/2]
디자이너에게 AI로 뭐든 만들어보라고 한다면
토스 디자인챕터에서 AI Contest를 열었어요. 그중 인상적이었던 네 가지 사례를 소개합니다.
왓챠 웹 PiP 적용기 — Document PiP는 어떻게 동작하고, 무엇이 어려웠나
페이지 2 / 32 (총 559개)