FE News 25년 10월 소식을 전해드립니다!
FE News 25년 10월 소식을 전해드립니다!
FE 분야의 주요 소식을 주제별로 큐레이션한 뉴스입니다. React 생태계, styled-components, Apple CSS, AI 코딩 도구 변화가 소개되었습니다.
#React#CSS
156005분
필터 1
Product Engineer 직무 확장 프로그램 1기, 부트캠프를 마치며
마이리얼트립의 Product Engineer 직무 확장 프로그램 1기 부트캠프 과정을 소개했습니다. 프론트엔드, 백엔드, 안드로이드 실습을 통해 문제를 끝까지 책임지는 개발 문화를 체험했습니다.
#React#Jira
82005분
웅진의 Amazon Connect을 기반으로 한 차세대 컨택센터
Amazon Connect 기반에 생성형 AI와 음성 대화를 결합한 차세대 컨택센터 사례를 소개했습니다.\n실시간 상담 보조, 자동 요약, RAG 응답으로 효율성과 고객 경험을 높였습니다.
#Amazon Connect#AWS
46005분
“보이지 않는 곳에서 만드는 차이, 플랫폼팀이 만드는 효율과 성장의 무대”
프론트엔드 플랫폼팀이 서비스 안정성, DX, 성능 개선을 위해 맡는 역할을 소개했습니다. 또한 Micro Frontends, 모니터링, CI/CD로 대규모 웹 서비스를 운영하는 방향을 설명했습니다.
#Micro Frontends#React
13005분
29CM 주문서 결제 혜택 UX 개편기:그래서 얼마에 살 수 있는 거에요?
주문서 결제 혜택을 더 직관적으로 보여주도록 UX와 상태 관리 구조를 개편했습니다. 그 결과 구매전환율과 혜택 사용 비중, 결제 속도가 함께 개선되었습니다.
#React#UI/UX
256005분
하나의 프론트엔드 코드로 멀티 환경 운영하기
하나의 프론트엔드 코드베이스로 여러 환경을 운영하기 위해 분기 구조를 재설계했습니다. Route와 Component는 설정화·자동화하고, Logic은 단순 플래그로 유지해 생산성과 DX를 개선했습니다.
#AST#ESLint
222005분
FE 최적화, 비즈니스로 시작해서 엔지니어링으로 끝내기
비즈니스 가치가 큰 지면부터 p75 LCP를 기준으로 성능 최적화를 진행했습니다. 이미지 경량화, 번들 분리, Preload, Skeleton 적용으로 체감 속도와 지표를 함께 개선했습니다.
#성능#LCP
235005분
Playwright로 하는 Component Test와 E2E Test Coverage
Playwright로 컴포넌트 테스트와 E2E 테스트를 병행해 고객센터 채팅의 핵심 사용자 여정을 검증했습니다. 80% 커버리지를 달성하며 크로스 브라우징과 모바일 환경 안정성을 확보했습니다.
#Playwright#E2E
132005분
팀 개발 속도 높이기: 피그마 컴포넌트 코드 자동 변환 플러그인 제작기
Figma Dev Mode의 Codegen Plugin API로 디자인 요소를 팀 규칙에 맞는 코드로 자동 변환하는 플러그인을 제작했습니다. 이를 통해 UI 작성 시간을 크게 줄이고 실수도 감소시켰습니다.
#Figma#API
141005분
"페이지니가 찾아올게요" 금융 AI 컨시어지, 페이지니
카카오페이의 금융 AI 컨시어지 페이지니 개발 경험을 공유했습니다. AWS Bedrock 멀티 에이전트와 STT, RAG로 맞춤형 금융 추천을 구현했습니다.
#AWS#LLM
79005분
눈 대신 귀로 느낄 수 있는 챗봇 흐름 만들기 | 접근성 업무일지 #3
스크린리더 사용자도 챗봇 흐름을 자연스럽게 따라가도록 초점 이동과 안내를 개선했습니다. 부드러운 스크롤, 음성 안내, 효과음으로 접근성을 높인 사례입니다.
#접근성#스크린리더
131005분
토스의 접근성 문서 A11y Fundamentals 을 소개합니다 (오픈 기념 이벤트 ~9/10)
토스가 실무에서 바로 적용할 수 있는 접근성 문서 A11y Fundamentals를 소개했습니다. 스크린리더 체험 이벤트와 함께 핵심 원칙과 실수하기 쉬운 패턴도 안내했습니다.
#접근성#스크린리더
158005분