프론트엔드
올리브영 잡 챌린지! 프론트엔드 개발자로의 전환
두줄요약
올리브영 잡 챌린지를 통해 프론트엔드 직무로 전환한 경험과 W CARE 스쿼드에서의 실무 적응 과정을 공유했습니다. 구조도 작성, React 훅 활용, 컴포넌트 분리로 서비스 이해와 유지보수성을 높인 점이 핵심입니다.
핵심 내용
- 올리브영 내부 잡 챌린지를 통해 프론트엔드 개발 직무로 전환한 경험
- 약 4개월간 외부 교육 시설에서 React, Next.js 기반 실무 교육과 개인/팀 프로젝트 수행
- 콘텐츠서비스개발팀 W CARE 스쿼드에서 구조도 작성, React 훅 활용, 컴포넌트 분리로 개발 업무를 익힘
- 웹 드라마 노출 기능 구현을 예시로, 유지보수성과 코드 가독성의 중요성 체감
구조와 흐름
- 서비스 접속 흐름, 페이지 전환, 모바일 웹/앱, 회원 여부에 따른 UI 차이 파악을 위해 페이지 구조도 작성
- API 조회 지점과 localStorage 저장 값까지 함께 정리하며 서비스 흐름 이해
적용해볼 점
- 복잡한 서비스는 구조도를 먼저 그려 전체 흐름과 의존성을 파악하는 접근
- 기능별 컴포넌트 분리로 오류 범위와 유지보수 부담을 줄이는 방식
- 공통 컴포넌트 의존성은 추후 유동적 설정 가능성까지 고려할 필요
