프론트엔드 아티클

새로운 기술 블로그가 추가되었어요

아임웹

필터 0

선택된 필터 없음

2024년 3월 25일

프론트엔드

웹에서 프리 드로잉 밑바닥부터 구현하기

웹 Canvas에서 자연스러운 프리 드로잉을 구현한 과정을 소개했습니다. 브라우저와 펜 입력 특성 차이를 보정하며 필기감을 개선했습니다.

웹사이트의 첫 삽부터 나무를 기르기까지: 당근닷컴 디벨롭의 여정

당근닷컴 웹사이트를 처음 만들고 글로벌 리뉴얼과 내부 데이터 레이어 Jampot을 도입한 과정을 정리한 글입니다. URL 정책, 링크 연동, 캐싱, SEO 운영까지 웹사이트 오너십을 키워간 여정을 설명했습니다.

선물하기 UX 개선

선물하기 서비스의 복잡한 주문·수락·조회 흐름을 줄이고 다건 주문과 배송 정보 연동을 추가해 UX를 개선했습니다. 기존 구조와의 호환성을 유지하면서 사용 편의성과 일관성을 높였습니다.

Vue3, Composition API와 Pinia를 이용한 상태관리 (2)

Vue3 Composition API와 Pinia를 실제 서비스에 적용한 사례를 다루었습니다. 인재풀 화면에서의 적용 결과와 느낀 점을 함께 정리했습니다.

자동화 전문가 팀의 블로그 시작기

부스터스 테크 블로그를 시작한 배경과 초기 구축 과정을 공유했습니다. Jekyll 기반 정적 사이트와 SEO 설정으로 블로그 정체성과 노출을 함께 챙겼습니다.

당근페이 FE, 4개의 프로젝트를 하나로 합치며 나눈 대화들

당근페이 프론트엔드가 4개 프로젝트를 원레포·원도메인 구조로 통합한 배경과 논의 과정을 공유했습니다. 폴더 구조를 page, shared, common 기준으로 정리하며 기준을 세워가는 방식을 소개했습니다.

전환율 34% 향상시킨 가격 비교 경험 개선

가격 비교 유입 고객의 주문 여정에서 할인 인지와 쿠폰 적용 마찰을 줄여 전환율을 개선했습니다.\n제휴 가격 일치와 쿠폰 자동다운·자동적용으로 주문완료 전환율을 34% 높였습니다.

물 흐르듯 자연스러운 화면 전환을 향한 여정

LINE iOS 대화방의 화면 전환을 더 자연스럽게 만들기 위해 FluidTransition을 설계하고 구현한 과정을 공유했습니다. 중단 가능성과 입력 반응성, 스냅샷 성능까지 고려한 전환 개선 경험을 소개했습니다.

React + TypeScript 전환기 (Feat. msw)

사람인 채용달력 모바일 서비스를 React와 TypeScript로 전환한 사례를 다뤘습니다. 기존 Vue 기반 경험에서 FE 분리 전환 과정과 MSW 활용 맥락을 소개했습니다.

상품 조회 25% 향상시킨 온스타일 상세페이지 개편 비하인드

온스타일 상품 상세페이지를 정보 구조와 개발 프레임워크까지 함께 개편했습니다. 그 결과 고객당 조회 페이지 수가 25% 늘고 클릭과 주문 지표도 개선했습니다.

코드, 어떻게 관리하세요?

모노레포로 서비스 레포와 패키지 레포를 통합한 경험을 공유했습니다. turborepo, Changesets, GitHub Actions로 빌드와 배포를 자동화하고 불편한 점도 함께 개선했습니다.

쏘카플랜 개편기

쏘카플랜 개편 과정에서 프론트엔드 일정 추정과 QA 대응, 레거시 개선 경험을 정리했습니다. 코로케이션과 WET 원칙으로 복잡한 화면과 도메인 로직을 단계적으로 분리했습니다.

#React#Next.js

36005분