[DAN 24] 데이터 기반으로 지속 성장이 가능한 네이버 검색 FE 시스템 구축하기
[DAN 24] 데이터 기반으로 지속 성장이 가능한 네이버 검색 FE 시스템 구축하기
네이버 검색 FE 시스템의 반복 작업과 UI 중복, 느린 피드백 문제를 해결하기 위한 구조를 정리했습니다. 서버 주도 UI, 디자인 시스템, 데이터 기반 개선과 Design To Code 자동화를 함께 소개했습니다.
#MSA#서버 주도 UI
4600
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
디자인 시스템 이전으로 돌아가실래요? (2)
디자인 시스템 운영의 비효율을 줄이기 위해 버전 관리, 샘플앱 검수, 이슈 트리아지, 가이드 통합을 정리했습니다. 팀 간 사전 공유와 기록 중심의 프로세스로 시스템 신뢰성과 일관성을 높였습니다.
#디자인 시스템#컴포넌트
13900
iOS 개발에서 MFA 패턴 활용하기: with SampleApp
MFA와 샘플앱으로 iOS 앱을 피처 단위로 분리해 협업 효율과 유지보수성을 높였습니다. 전체 빌드와 불필요한 화면 흐름을 줄여 개발 시간을 크게 단축했습니다.
#iOS#module
5700
3단계로 완성하는 유연한 디자인 시스템
디자이너와 개발자의 리소스 관리를 일원화하기 위해 3단계 토큰 기반 디자인 시스템을 구축했습니다. Figma와 코드, Storybook을 연결해 테마 전환과 컴포넌트 커스터마이징을 유연하게 운영했습니다.
#디자인 시스템#Figma
4600
디자인 시스템 이전으로 돌아가실래요? (1)
디자인 시스템 운영이 단순한 컴포넌트 관리가 아니라 프로덕트 운영에 가깝다는 점을 짚었습니다. 버전 추적과 가이드 부족, 이슈 처리 부재로 생긴 비효율을 정리했습니다.
#디자인 시스템#UX/UX
3700
Part 1. 여기어때 디자인 시스템 기반 커스텀 SnackBar 개발기
여기어때 디자인 시스템 YDS 6.0 기반 커스텀 SnackBar 개발 과정을 소개했습니다. 상태 관리, 애니메이션, 드래그 제스처를 통합해 재사용성과 확장성을 높였습니다.
#Android#Jetpack Compose
4200
사용성을 고려한 앱 구조 만들기
여기어때 iOS 카테고리 홈의 긴 로딩 문제를 해결하기 위해 네이티브 전환과 즉시 뷰 업데이트 구조를 적용했습니다. Compositional Layout과 로딩 뷰로 사용성을 높이고 화면 노출 속도를 크게 개선했습니다.
#iOS#Swift
4500
시니어 사용자가 어려워하는 UX 5가지
시니어 사용자가 금융 앱에서 겪는 공통 오인지 패턴을 UT로 분석해 UX 가이드라인으로 정리했습니다. 버튼, 예시 이미지, 모션, 라이팅, 화면 구조를 시니어 관점에서 점검해야 한다고 제안했습니다.
#UI/UX#유저 리서치
6800
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
디자인 시스템 중 디자인 토큰을 여러 도구를 이용하여 자동화 하는 방법
디자인 토큰을 Figma에서 정의하고 GitHub Actions와 token-transformer로 자동 변환하는 과정을 소개했습니다. 또한 Panda CSS에 맞게 토큰을 재구성해 디자인 시스템에 연결한 흐름을 설명했습니다.
#디자인 시스템#Figma
5700
프론트엔드팀의 디자인 시스템 재구축기
여러 지면에서 따로 관리되던 상품 카드 컴포넌트를 일원화할 필요가 있었습니다. 단순 리팩토링을 넘어 디자인 시스템 재구축으로 통합 관리 기반을 마련했습니다.
#UI/UX#컴포넌트
5900
올리브영 서비스에 사용되는 컴포넌트를 모아놓은 그곳!
올리브영 서비스용 디자인 시스템을 Storybook과 Emotion으로 구축한 과정을 소개했습니다. 전역 스타일, 상태별 컴포넌트 문서화, 패키지 배포와 서비스 적용 방법을 다뤘습니다.
#React#TypeScript
4700
QueryPie와 Figma, 딱 맞아떨어지는 협업의 정석
Figma를 중심으로 기획, 디자인, 개발, QA를 실시간으로 연결하는 협업 방식의 장점을 소개했습니다. 과거의 파일 공유와 버전 관리 문제를 줄이고 생산성과 일관성을 높이는 흐름을 설명했습니다.
#Figma#UI/UX
900
QueryPie와 Figma, 딱 맞아떨어지는 협업의 정석
Figma 도입 전의 협업 비효율과 그로 인한 문제를 정리하고, 쿼리파이의 실시간 협업 프로세스를 소개했습니다. 또한 Figma가 기획부터 QA까지 전 단계에서 생산성과 커뮤니케이션을 높이는 이유를 설명했습니다.
#Figma#UI/UX
800
QueryPie와 Figma, 딱 맞아떨어지는 협업의 정석
Figma를 통해 QueryPie의 기획·디자인·개발·QA 협업이 실시간으로 연결되며 효율이 높아졌습니다. 클라우드 협업, 컴포넌트 재사용, Dev Mode로 생산성과 일관성도 강화했습니다.
#Figma#UI/UX
1400