기획부터 테스트까지, 개발 사이클 경험기
기획부터 테스트까지, 개발 사이클 경험기
기획부터 테스트까지의 개발 사이클을 직접 경험하며 각 단계의 연결성을 회고했습니다. 사용자 흐름 정리와 협업 정보 전달, 테스트 자동화의 필요성을 체감했습니다.
#test#낙관적 업데이트
27005분
필터 1
그 많던 토큰은 누가 다 먹었을까
그 많던 토큰은 누가 다 먹었을까
에이전트형 도구에서는 프롬프트보다 도구 출력과 대화 기록이 토큰을 더 많이 소모했습니다. 필요한 정보만 사전 필터링하고 작업 범위를 좁히는 방식으로 컨텍스트를 관리해야 했습니다.
#LLM#MCP
83205분
쏘카 디자인 시스템 2.0 개발기 1편: 시스템으로 굴리기(웹)
쏘카 디자인 시스템 2.0을 시스템 관점에서 설계하고 운영한 과정을 정리했습니다. Figma 연동과 직군 합의를 통해 디자인-개발 흐름과 품질 관리 체계를 강화했습니다.
#Figma#UI/UX
99005분
[Syrup 디자인 시스템] 개발: UX에서 FE로의 효과적인 핸드오프
[Syrup 디자인 시스템] 개발: UX에서 FE로의 효과적인 핸드오프
디자인 시스템을 통해 UX와 FE 간 Hand-off를 표준화하고 협업 효율을 높인 사례를 설명했습니다. Figma, Token, Storybook, NPM을 연결해 일관성과 재사용성을 강화하는 과정도 다뤘습니다.
#Design System#Storybook
30005분
Syrup Design System 개발 : UX에서 Front-End로의 효과적인 Hand-off
Syrup Design System 개발 : UX에서 Front-End로의 효과적인 Hand-off
Syrup Design System은 UX와 프론트엔드를 하나의 기준으로 연결해 Hand-off 효율을 높였습니다. Storybook, Token, NPM 배포를 통해 일관성과 재사용성을 강화했습니다.
#Design System#UI/UX
46005분
3단계로 완성하는 유연한 디자인 시스템
디자이너와 개발자의 리소스 관리를 일원화하기 위해 3단계 토큰 기반 디자인 시스템을 구축했습니다. Figma와 코드, Storybook을 연결해 테마 전환과 컴포넌트 커스터마이징을 유연하게 운영했습니다.
#design system#Figma
39005분
당신2 9하던 디자인 시스템? 0.5인 리소스로 효율적으로 구축하기
0.5인 리소스로 디자인 시스템을 운영한 사례와 전략을 정리했습니다. 어드민과 대고객 서비스에 서로 다른 도구를 적용하고, 피드백·자동화·히스토리 관리로 운영 효율을 높였습니다.
#UI/UX#디자인패턴
97005분
퍼블리셔와 개발자 협업을 위한 스토리북 깨짐 방지 방안
퍼블리셔와 개발자 협업에서 스토리북이 깨지는 원인을 분석하고 CIC 패턴으로 역할을 분리했습니다. 스토리북용 props와 실행 환경 분기를 정리해 무결성을 유지했습니다.
#React#Storybook
32005분
OLEA? Storybook을 활용한 올리브영의 디자인 시스템!
올리브영은 BO 공통화를 위해 Vue와 Ant Design Vue, Storybook 기반 디자인 시스템 OLEA를 구축했습니다. GitHub Packages 배포로 내부 개발자들이 일관된 컴포넌트를 쉽게 재사용하도록 만들었습니다.
#Vue#Storybook
69005분
쏘카플랜 개편기
쏘카플랜 개편 과정에서 프론트엔드 일정 추정과 QA 대응, 레거시 개선 경험을 정리했습니다. 코로케이션과 WET 원칙으로 복잡한 화면과 도메인 로직을 단계적으로 분리했습니다.
#React#Next.js
37005분