올리브영 신입 프론트엔드 개발자의 성장기
by DD
2년 전
조회수 2
올리브영 잡 챌린지를 통해 프론트엔드 개발자로 직무 전환 성공
React, Next.js 기반 W CARE 서비스 개발에 참여하여 실무 경험 습득
CSS 수정, React 훅 활용, 웹 드라마 노출 등 다양한 개발 업무 수행
W CARE 서비스 구조 분석
주니어 개발자로서 Lucid Chart를 활용하여 W CARE 페이지 구조도를 작성했다. API 호출, localStorage에 저장되는 값들을 파악하여 서비스 흐름을 이해했다. 따라서 React 기반 서비스의 구조를 파악하는 데 도움이 되었다.
React 훅 활용 개발 경험
useState, useMemo, useCallback 등 다양한 React 훅을 사용하여 기능을 구현했다. 탭핑 모션 제어, 평균 주기 정보 노출, 웹 드라마 노출 등 다양한 개발 건을 수행했다. 결과적으로 React 훅의 활용 능력을 향상시켰다.
컴포넌트 분리를 통한 코드 관리
웹 드라마 노출 기능을 위해 3개의 컴포넌트(DramaWrapper, DramaPlayer, DramaSlide)로 분리했다. Swiper 라이브러리를 사용하여 슬라이드를 구현했다. 컴포넌트 분리를 통해 코드의 가독성을 높이고 유지보수성을 향상시켰다.
