Velopers

프론트엔드 기술 블로그 최신 글

NEW FEATURE

기술을 읽던 곳에서, 다음 기회를 만나세요.

채용 검색부터 관심사 기반 추천, 내 적합도까지.

채용정보 보러가기 공지 자세히
필터 0
선택된 필터 없음
FrontEnd 개발 과정에 Integration Test 더하기
현대자동차그룹
프론트엔드

FrontEnd 개발 과정에 Integration Test 더하기

프론트엔드 개발 과정에 통합 테스트를 더해 효율을 높이고 실수를 줄이는 방법을 소개하는 글입니다. 다만 발췌가 짧아 구체적인 내용은 확인하기 어렵습니다.

#test
3100
[DAN 24] 데이터 기반으로 지속 성장이 가능한 네이버 검색 FE 시스템 구축하기
네이버 D2
프론트엔드

[DAN 24] 데이터 기반으로 지속 성장이 가능한 네이버 검색 FE 시스템 구축하기

네이버 검색 FE 시스템의 반복 작업과 UI 중복, 느린 피드백 문제를 해결하기 위한 구조를 정리했습니다. 서버 주도 UI, 디자인 시스템, 데이터 기반 개선과 Design To Code 자동화를 함께 소개했습니다.

#MSA#서버 주도 UI
4600
디자인 시스템 이전으로 돌아가실래요? (2)
여기어때
프론트엔드

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

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

#디자인 시스템#컴포넌트
14000
무엇이든 물어보세요 (feat. 프론트엔드 코드, 디렉토리 관리) | EP.10 캠프파이어 특집 상
토스
프론트엔드

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

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

#컴포넌트#함수형 프로그래밍
4200
다름을 이해하는 것에서 시작하는 UX
밸런스히어로
프론트엔드

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

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

#UI/UX#mobile
800
다름을 이해하는 것에서 시작하는 UX
밸런스히어로
프론트엔드

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

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

#UI/UX#모바일
1900
다름을 이해하는 것에서 시작하는 UX
밸런스히어로
프론트엔드

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

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

#UI/UX
2000
iOS 개발에서 MFA 패턴 활용하기: with SampleApp
여기어때
프론트엔드

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

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

#iOS#module
6100
다시 쓰는 해외 여행 이야기 — 웹뷰에서 네이티브로
여기어때
프론트엔드

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

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

#Android#Jetpack Compose
3600
Vite를 이용한 FrontEnd프로젝트
데보션
프론트엔드

Vite를 이용한 FrontEnd프로젝트

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

#Vite#React
8000
SwiftLint 캐싱을 통한 Incremental Build 최적화하기
29cm
프론트엔드

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

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

#Lint#Incremental Build
3100
[미디클] 라디오 vs 체크박스 뭐가 좋을까? EP.1
토스
프론트엔드

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

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

#UI/UX#모바일
5400
3단계로 완성하는 유연한 디자인 시스템
라인
프론트엔드

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

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

#디자인 시스템#Figma
4900
당신2 9하던 디자인 시스템? 0.5인 리소스로 효율적으로 구축하기
29cm
프론트엔드

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

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

#UI/UX#디자인패턴
11700