프론트엔드 아티클

필터 0

선택된 필터 없음

· 2025년 1월 24일

프론트엔드

디자인 시스템 이전으로 돌아가실래요? (2)

디자인 시스템 운영의 비효율을 줄이기 위해 버전 관리, 샘플앱 검수, 이슈 트리아지, 가이드 통합을 정리했습니다. 팀 간 사전 공유와 기록 중심의 프로세스로 시스템 신뢰성과 일관성을 높였습니다.

무엇이든 물어보세요 (feat. 프론트엔드 코드, 디렉토리 관리) | EP.10 캠프파이어 특집 상

프론트엔드 코드 구조와 추상화, 함수형 프로그래밍에 대한 실무 질문을 다룬 특집이었습니다. 협업과 변경 가능성을 고려한 설계 기준을 토스 개발자들이 공유했습니다.

다름을 이해하는 것에서 시작하는 UX

한국과 인도의 문화·환경 차이를 UX에 어떻게 반영할지 정리한 글입니다. 비언어적 안내와 상태 가시화, 복구 가능한 흐름의 중요성을 강조했습니다.

다름을 이해하는 것에서 시작하는 UX

한국과 인도의 문화·환경 차이를 바탕으로 UX 설계 시 고려할 점을 정리했습니다. 특히 언어 다양성, 시간 인식, 불안정한 네트워크에 맞춘 정보 전달과 상태 안내의 중요성을 강조했습니다.

다름을 이해하는 것에서 시작하는 UX

한국인 디자이너의 시점에서 인도 사용자의 문화적·환경적 특성을 UX에 반영한 사례를 다뤘습니다. 사용자 차이를 이해한 뒤 프로덕트에 맞게 설계하는 관점을 공유했습니다.

iOS 개발에서 MFA 패턴 활용하기: with SampleApp

MFA와 샘플앱으로 iOS 앱을 피처 단위로 분리해 협업 효율과 유지보수성을 높였습니다. 전체 빌드와 불필요한 화면 흐름을 줄여 개발 시간을 크게 단축했습니다.

다시 쓰는 해외 여행 이야기 — 웹뷰에서 네이티브로

해외 숙소 서비스의 웹뷰 화면을 Jetpack Compose 기반 네이티브로 전환했습니다.\n클린 아키텍처와 DB 분리, 성능 측정을 통해 로딩 속도와 유지보수를 개선했습니다.

#Android#Jetpack Compose

31005분

· 2025년 1월 23일

프론트엔드

Vite를 이용한 FrontEnd프로젝트

Vite는 React뿐 아니라 여러 프레임워크를 지원하며 빠른 프로젝트 생성과 실행을 강점으로 소개했습니다. CRA보다 가볍고 구조가 익숙해 프런트엔드 개발에 효율적으로 활용할 수 있다고 설명했습니다.

SwiftLint 캐싱을 통한 Incremental Build 최적화하기

SwiftLint가 매 빌드마다 실행되며 증분 빌드를 느리게 만드는 문제를 개선했습니다. xcfilelist와 dependency analysis로 캐싱하고, CI 린트로 보완했습니다.

#SwiftLint#Incremental Build

26005분

· 2025년 1월 20일

프론트엔드

[미디클] 라디오 vs 체크박스 뭐가 좋을까? EP.1

모바일 선택 화면에서 라디오 버튼 대신 다른 UI를 써도 되는지 UT로 검증했습니다.사용자는 모양보다 질문 맥락에 따라 선택했고, 친절한 안내가 더 중요했습니다.

3단계로 완성하는 유연한 디자인 시스템

디자이너와 개발자의 리소스 관리를 일원화하기 위해 3단계 토큰 기반 디자인 시스템을 구축했습니다. Figma와 코드, Storybook을 연결해 테마 전환과 컴포넌트 커스터마이징을 유연하게 운영했습니다.

당신2 9하던 디자인 시스템? 0.5인 리소스로 효율적으로 구축하기

0.5인 리소스로 디자인 시스템을 운영한 사례와 전략을 정리했습니다. 어드민과 대고객 서비스에 서로 다른 도구를 적용하고, 피드백·자동화·히스토리 관리로 운영 효율을 높였습니다.

#UI/UX#디자인패턴

92005분