최적의 UX를 찾아서, 여기어때 객실 카드 개선기
여기어때가 객실 카드에서 사진, 취소 정책, 상세 정보를 직접 보여주도록 개선한 사례를 소개했습니다. 유저 리서치와 실험을 통해 구매 전환과 카테고리별 반응 차이를 확인했습니다.
#UI/UX#A/B 테스트
3900
프론트엔드 기술 블로그 최신 글
필터 0
〈Gen.View | FE - #0〉 비개발 직군의 Frontend 업무 적용 스토리
비개발 직군이 업무 필요성에 따라 프론트엔드와 앱 개발을 학습한 경험을 공유했습니다. 직접 만든 웹·앱 결과물이 프로젝트 제안과 운영에 어떻게 활용됐는지 설명했습니다.
#Svelte#Flutter
2700
대규모 애플리케이션 상태 관리를 위한 상태 기계 도입기
XState를 도입해 복잡한 예약·웨이팅 연동의 상태 흐름을 선언적으로 관리한 사례를 정리했습니다. 비동기 연동과 시각화의 장점, 그리고 학습 곡선과 보일러플레이트 같은 한계도 함께 다뤘습니다.
#XState#React
5700
캐치테이블 지도 개발기(1편)
캐치테이블은 지도 탐색 비중을 높이기 위해 웨이팅·픽업 표시와 검색 개선을 진행했습니다. 확대 레벨별 노출 정책과 반복 테스트로 더 편한 지도 사용성을 만들었습니다.
#UI/UX#검색
6400
React에 디자인 패턴 첨가해보기
React에 디자인 패턴을 적용해보려는 내용을 소개한 글입니다. Vue 경험을 바탕으로 React 개발 관점에서 접근했습니다.
#React#디자인패턴
2200
옵저버 패턴의 매커니즘으로 하겠습니다. 근데 이제 Coroutine과 Flow를 곁들인
옵저버 패턴의 개념과 동작 메커니즘을 유튜브 구독 예시로 설명했습니다. 또한 Coroutine과 Flow로 이를 더 간결하고 유연하게 구현하는 방법을 다뤘습니다.
#Coroutine#Flow
3800
Flutter Web을 활용해 제품 개발 환경 개선하기
ConsumerApp에 Flutter Web 개발 환경을 붙여 내부 화면 확인과 커뮤니케이션 효율을 높였습니다. 패키지 업데이트, CORS 대응, 웹뷰·지도 분기 처리로 웹 실행 가능성을 확보했습니다.
#Flutter#Flutter Web
4400
FE News 24년 9월 소식을 전해드립니다!
FE News 24년 9월 소식을 전해드립니다!
24년 9월 프론트엔드 기술 소식을 큐레이션해 소개했습니다. Angular, CSS, 런타임 비교 등 주요 글을 월간으로 공유했습니다.
#JavaScript#CSS
2400
비효율이 있는 곳엔 플랫폼 디자이너가 있다
은행 문자 속 ‘자동이체’ 표현으로 생기던 오해와 문의를 줄이기 위해 안내 문구와 화면 구성을 개선했습니다. 그 결과 월평균 문의가 3,173건에서 446건으로 크게 감소했습니다.
#UI/UX#디자인 시스템
1700
쏘카 프론트엔드 모노레포 - Part1. Code Generator로 프로젝트 세팅 자동화하기
쏘카 프론트엔드 팀이 멀티레포의 중복과 유지보수 문제를 해결하기 위해 모노레포와 Code Generator를 도입했습니다. 이를 통해 프로젝트 세팅 시간을 80% 이상 줄이고 코드 일관성과 온보딩 효율을 높였습니다.
#모노레포#Turborepo
3400
쏘카 프론트엔드 모노레포 - Part1. Code Generator로 프로젝트 세팅 자동화하기
Turborepo 모노레포에서 turbo/gen과 Plop 기반 코드 생성기로 프로젝트 설정을 자동화했습니다. 일관성을 높이고 신규 프로젝트 세팅 시간을 80% 이상 줄였습니다.
#Turborepo#모노레포
000
Xcode, ‘Point’만 콕 집어 디버깅 하기
Xcode의 다양한 중단점과 감시점으로 디버깅 지점을 정밀하게 찾는 방법을 소개했습니다. 라인, 심볼, 런타임, 제약, 테스트 실패와 watchpoint 활용까지 정리했습니다.
#Xcode#iOS
2500
어학당 홈 성능 최적화 — 1편
어학당 홈의 SEO 개선을 위해 성능 최적화 작업을 진행했습니다. 부분 CSR, 코드 스플리팅, 레이지 로드, 서드파티 스크립트 최적화로 지표를 개선했습니다.
#SEO#성능
2700
이걸 진짜 만든다고요? 세상에 없던 게임, 샐러드게임 | 2편. UX
샐러드게임의 UX를 어떻게 설계했는지 소개했습니다. 새로운 게임 콘셉트에 맞는 사용자 경험 구성과 흐름을 다뤘습니다.
#UI/UX
1800