Devlime 재사용 설계로 유지보수성 높이기
Devlime 재사용 설계로 유지보수성 높이기
공통 로직과 UI 컴포넌트를 재사용 가능하게 분리해 유지보수성과 생산성을 높였습니다. 도메인 값과 화면 표현을 분리하고 다국어 처리도 공통화해 일관성을 확보했습니다.
#재사용성#유지보수성
0005분
필터 1
디자인시스템이 AI를 만났을 때: FE 개발 패러다임의 변화
디자인시스템이 AI를 만났을 때: FE 개발 패러다임의 변화
네이버파이낸셜 디자인시스템과 AI를 활용한 마크업 자동화 경험을 공유한 세션입니다. 디자인 토큰과 Code Connect 등 준비 요소와 실제 개발 적용 시 아쉬운 점을 다뤘습니다.
#디자인 시스템#마크업
209005분
코드 품질 개선 기법 18편: 함수만 보고 관계는 보지 못한다
중첩 루프를 단순 추출하면 가독성이 크게 좋아지지 않을 수 있음을 설명했습니다. 코드의 의미 단위를 기준으로 재구성해 흐름을 단순하게 만드는 리팩토링을 제안했습니다.
#Kotlin#refactoring
103005분
이구위크 회고
29CM 이구위크의 프론트엔드 구현과 회고를 정리했습니다. 공통 컴포넌트로 큐레이션을 빠르게 만들고 배너 개선, QA, 협업 문서화로 운영 효율을 높였습니다.
#React#컴포넌트
122005분
디자인 시스템 이전으로 돌아가실래요? (2)
디자인 시스템 운영의 비효율을 줄이기 위해 버전 관리, 샘플앱 검수, 이슈 트리아지, 가이드 통합을 정리했습니다. 팀 간 사전 공유와 기록 중심의 프로세스로 시스템 신뢰성과 일관성을 높였습니다.
#디자인 시스템#컴포넌트
17005분
무엇이든 물어보세요 (feat. 프론트엔드 코드, 디렉토리 관리) | EP.10 캠프파이어 특집 상
프론트엔드 코드 구조와 추상화, 함수형 프로그래밍에 대한 실무 질문을 다룬 특집이었습니다. 협업과 변경 가능성을 고려한 설계 기준을 토스 개발자들이 공유했습니다.
#컴포넌트#함수형 프로그래밍
38005분
프론트엔드팀의 디자인 시스템 재구축기
여러 지면에서 따로 관리되던 상품 카드 컴포넌트를 일원화할 필요가 있었습니다. 단순 리팩토링을 넘어 디자인 시스템 재구축으로 통합 관리 기반을 마련했습니다.
#UI/UX#컴포넌트
50005분
검색 서비스에서 좋은 품질의 코드를 찾는 은하수 항해 기록
검색 서비스 프런트엔드에서 검색 결과 UI를 큐레이션하는 경험을 공유했습니다. PC와 모바일 코드 통합, 리스팅과 컬렉션 구조를 중심으로 좋은 코드의 기준을 고민했습니다.
#UI/UX#React
13005분
QueryPie와 Figma, 딱 맞아떨어지는 협업의 정석
Figma 도입 전의 협업 비효율과 그로 인한 문제를 정리하고, 쿼리파이의 실시간 협업 프로세스를 소개했습니다. 또한 Figma가 기획부터 QA까지 전 단계에서 생산성과 커뮤니케이션을 높이는 이유를 설명했습니다.
#Figma#UI/UX
2005분