"딸깍"이면 끝! 피그마에서 바로 리액트 컴포넌트로 변환하기
피그마 디자인을 React 컴포넌트로 바로 변환하는 플러그인 구현 과정을 소개했습니다. 사내 규칙을 반영한 자동화로 수작업을 줄이고 생산성을 높인 사례입니다.
#Figma#React
2600
프론트엔드 기술 블로그 최신 글
필터 0
테스트 자동화의 시작 - Cypress 기반 E2E 테스트 도입기
프론트엔드 테스팅을 위해 Cypress 기반 E2E 테스트를 도입한 과정을 소개했습니다. 테스트 자동화 시작을 위한 실무 적용 사례를 다뤘습니다.
#test#자동화
12500
사용자 모르게 리멤버 UI icon 개선하기
리브랜딩 후 사용자에게 오류처럼 보이던 UI icon을 폰트 기반 디자인과 명확한 가이드로 개선했습니다. 그 결과 VOC가 감소하고 아이콘 제작 리소스도 크게 줄었습니다.
#UI/UX#디자인패턴
6100
Cursor iOS 개발환경 세팅
Cursor를 iOS 개발 환경에 맞게 세팅하는 방법을 정리했습니다. Xcode Build Server와 Sweetpad, swift-format을 연동해 개발 편의성을 높이는 구성을 소개했습니다.
#Cursor#iOS
40000
올리브영 글로벌몰 주소 자동완성 및 검증 솔루션 도입기
글로벌몰의 복잡한 주소 입력 문제를 해결하기 위해 자동완성과 검증 기능을 도입했습니다. 그 결과 입력 시간과 배송보류를 줄이고 주문 완료율과 운영 효율을 높였습니다.
#검색#UI/UX
2400
Swift Concurrency 2탄: Sendable
Swift Concurrency에서 데이터 레이스를 막기 위한 `Sendable`의 개념과 사용법을 설명했습니다. 값 타입, actor, 락 기반 동기화, `@unchecked Sendable`의 주의점까지 실전 관점에서 정리했습니다.
#Swift#동시성
3100
Swift Concurrency 1탄: async/await, Task, TaskGroup개념 정리
Swift Concurrency의 기본 개념인 async/await, Task, TaskGroup, Task.detached를 정리했습니다. SwiftUI와 TCA에서의 사용법과 주의점도 함께 소개했습니다.
#Swift#동시성
3900
SPA 환경에서의 버전 업데이트를 위한 모두싸인의 최신 버전 업데이트 기능 구현기
SPA에서 구 버전 리소스가 계속 유지되는 문제를 해결하기 위해 최신 버전 업데이트 기능을 구현했습니다. version.json 폴링과 버전 비교로 강제·선택 업데이트를 분기하고 전환율까지 측정했습니다.
#React#Vite
7100
Ideavim !:과 셸 스크립트 조합으로 초간단 플러그인 만들기
IdeaVim의 `:!` 명령으로 셸 스크립트를 호출하는 간단한 활용법을 소개했습니다. 복잡한 플러그인 없이 IntelliJ에서 작은 자동화를 붙이는 방법입니다.
#Vim#IntelliJ
5100
1년동안의 iOS 모듈화 진행기
1년간 진행한 iOS 모듈화 경험을 돌아보며 느낀 점과 아쉬웠던 점을 정리했습니다. 모듈화 필요성보다 실제 진행 과정의 회고에 초점을 맞췄습니다.
#iOS#module
5800
기존 서비스 국제화(i18n) 작업 쉽게 덜어내기: t 함수 자동 래핑 스크립트 만들기
AST 기반 스크립트로 기존 서비스의 한글 텍스트를 `t` 함수와 번역 JSON으로 자동 변환했습니다. 한글 키 방식과 경로별 설정으로 i18n 전환 작업의 속도와 협업 효율을 높였습니다.
#Next.js#React
000
FE News 25년 2월 소식을 전해드립니다!
FE News 25년 2월 소식을 전해드립니다!
25년 2월 프런트엔드 기술 소식을 큐레이션해 소개했습니다. CSS 지문 채취, AI 개발 워크플로우, 토스 가이드, 포털 대체 방법을 다뤘습니다.
#CSS#JavaScript
5000
2025년 웹 개발 핵심 트렌드 5가지
2025년 웹 개발의 핵심 트렌드 5가지를 정리한 글입니다. AI 도구, JAMstack, Utility-First CSS, WebAssembly, VUI의 활용과 전망을 소개했습니다.
#웹 개발#LLM
1500
MapKit을 활용한 위치 기반 서비스를 개발하며 겪은 시행착오
MapKit을 활용한 위치 기반 서비스 개발 과정에서 겪은 시행착오를 공유했습니다. iOS 개발자가 MapKit 사용 시 마주칠 수 있는 고충을 정리했습니다.
#MapKit#iOS
2700