Velopers
필터 1
Tech Topic 기술 블로그 개선 실험 #1 - 콘텐트, 성능, SEO 및 AEO 관점에서
데보션
기타

Tech Topic 기술 블로그 개선 실험 #1 - 콘텐트, 성능, SEO 및 AEO 관점에서

SK플래닛 기술 블로그의 발행 주기, 주제, 성능 개선 실험이 PV 증가에 미친 영향을 정리했습니다. 또한 SEO와 AEO 관점의 구성 요소를 점검해 블로그 운영 전략을 제안했습니다.

#SEO#AEO
7000
[디자인 시스템 어떻게 만들었어요?(1)] 아이콘 라이브러리 만들기
요기요
프론트엔드

[디자인 시스템 어떻게 만들었어요?(1)] 아이콘 라이브러리 만들기

요기요는 디자인 시스템 아이콘을 개별 SVG 컴포넌트와 전용 라이브러리로 재구축했습니다. 자동 변환, 접근성, 토큰 연동, 변경 내역 자동화로 운영 효율을 높였습니다.

#React#SVG
13000
React 상태 관리 라이브러리 비교: Zustand vs Recoil vs Jotai
데보션
프론트엔드

React 상태 관리 라이브러리 비교: Zustand vs Recoil vs Jotai

React 상태 관리 라이브러리로 Zustand, Recoil, Jotai를 비교했습니다. 프로젝트 규모와 상태 복잡도에 따라 적절한 도구를 선택하는 기준을 정리했습니다.

#React#Zustand
18200
네이버 D2
기타

FE News 25년 10월 소식을 전해드립니다!

FE 분야의 주요 소식을 주제별로 큐레이션한 뉴스입니다. React 생태계, styled-components, Apple CSS, AI 코딩 도구 변화가 소개되었습니다.

#React#CSS
15900
Product Engineer 직무 확장 프로그램 1기, 부트캠프를 마치며
마이리얼트립
기타

Product Engineer 직무 확장 프로그램 1기, 부트캠프를 마치며

마이리얼트립의 Product Engineer 직무 확장 프로그램 1기 부트캠프 과정을 소개했습니다. 프론트엔드, 백엔드, 안드로이드 실습을 통해 문제를 끝까지 책임지는 개발 문화를 체험했습니다.

#React#Jira
8700
웅진의 Amazon Connect을 기반으로 한 차세대 컨택센터
AWS
AI

웅진의 Amazon Connect을 기반으로 한 차세대 컨택센터

Amazon Connect 기반에 생성형 AI와 음성 대화를 결합한 차세대 컨택센터 사례를 소개했습니다.\n실시간 상담 보조, 자동 요약, RAG 응답으로 효율성과 고객 경험을 높였습니다.

#Amazon Connect#AWS
4800
“보이지 않는 곳에서 만드는 차이, 플랫폼팀이 만드는 효율과 성장의 무대”
미리디
프론트엔드

“보이지 않는 곳에서 만드는 차이, 플랫폼팀이 만드는 효율과 성장의 무대”

프론트엔드 플랫폼팀이 서비스 안정성, DX, 성능 개선을 위해 맡는 역할을 소개했습니다. 또한 Micro Frontends, 모니터링, CI/CD로 대규모 웹 서비스를 운영하는 방향을 설명했습니다.

#Micro Frontends#React
1500
29CM 주문서 결제 혜택 UX 개편기:그래서 얼마에 살 수 있는 거에요?
무신사
프론트엔드

29CM 주문서 결제 혜택 UX 개편기:그래서 얼마에 살 수 있는 거에요?

주문서 결제 혜택을 더 직관적으로 보여주도록 UX와 상태 관리 구조를 개편했습니다. 그 결과 구매전환율과 혜택 사용 비중, 결제 속도가 함께 개선되었습니다.

#React#UI/UX
25800
하나의 프론트엔드 코드로 멀티 환경 운영하기
모두싸인
프론트엔드

하나의 프론트엔드 코드로 멀티 환경 운영하기

하나의 프론트엔드 코드베이스로 여러 환경을 운영하기 위해 분기 구조를 재설계했습니다. Route와 Component는 설정화·자동화하고, Logic은 단순 플래그로 유지해 생산성과 DX를 개선했습니다.

#AST#ESLint
22700
FE 최적화, 비즈니스로 시작해서 엔지니어링으로 끝내기
당근마켓
프론트엔드

FE 최적화, 비즈니스로 시작해서 엔지니어링으로 끝내기

비즈니스 가치가 큰 지면부터 p75 LCP를 기준으로 성능 최적화를 진행했습니다. 이미지 경량화, 번들 분리, Preload, Skeleton 적용으로 체감 속도와 지표를 함께 개선했습니다.

#성능#LCP
24200
Playwright로 하는 Component Test와 E2E Test Coverage
여기어때
프론트엔드

Playwright로 하는 Component Test와 E2E Test Coverage

Playwright로 컴포넌트 테스트와 E2E 테스트를 병행해 고객센터 채팅의 핵심 사용자 여정을 검증했습니다. 80% 커버리지를 달성하며 크로스 브라우징과 모바일 환경 안정성을 확보했습니다.

#Playwright#E2E
14100
팀 개발 속도 높이기: 피그마 컴포넌트 코드 자동 변환 플러그인 제작기
여기어때
프론트엔드

팀 개발 속도 높이기: 피그마 컴포넌트 코드 자동 변환 플러그인 제작기

Figma Dev Mode의 Codegen Plugin API로 디자인 요소를 팀 규칙에 맞는 코드로 자동 변환하는 플러그인을 제작했습니다. 이를 통해 UI 작성 시간을 크게 줄이고 실수도 감소시켰습니다.

#Figma#API
15000
"페이지니가 찾아올게요" 금융 AI 컨시어지, 페이지니
카카오페이
AI

"페이지니가 찾아올게요" 금융 AI 컨시어지, 페이지니

카카오페이의 금융 AI 컨시어지 페이지니 개발 경험을 공유했습니다. AWS Bedrock 멀티 에이전트와 STT, RAG로 맞춤형 금융 추천을 구현했습니다.

#AWS#LLM
8300
눈 대신 귀로 느낄 수 있는 챗봇 흐름 만들기 | 접근성 업무일지 #3
토스
프론트엔드

눈 대신 귀로 느낄 수 있는 챗봇 흐름 만들기 | 접근성 업무일지 #3

스크린리더 사용자도 챗봇 흐름을 자연스럽게 따라가도록 초점 이동과 안내를 개선했습니다. 부드러운 스크롤, 음성 안내, 효과음으로 접근성을 높인 사례입니다.

#접근성#스크린리더
13400