Team Project
원티드 프리온보딩 인턴십(프론트엔드)
2023.12 ~ 2024.01참여인원 : 10명
총 4주의 기간동안 3개의 과제 수행 및 8개의 실시간 세션 수강을 진행하였습니다. - 멘토 과제 : 로그인, 회원가입 및 토큰을 통한 유저관리 및 Todo-List 구현 - 기업 과제(휴먼스케이프) : 검색어 추천기능 및 캐싱 기능을 포함한 검색창 구현 - 기업과제(앤트[aaant]) : 디바운스, 추천 검색어 드롭다운 및 무한스크롤 기능을 포함한 검색창 구현 - ESLint, Prettier, husky를 통한 Git Hook 작성 및 코드 통일성 확립 - AWS, Github Actions를 통한 CI/CD 구축. 프로젝트를 지속적으로, 통합 및 배포하기 - React 렌더링 최적화, Advanced Hook useEffect- - 관심사의 분리와 SRP를 통한 클린코드와 유연하고 확장성이 좋은 소프트웨어 만들기 - TypeScript 기본 및 활용법 학습 - 소프트웨어 테스트의 개념과 종류, 기본적인 사용법 학습 (TDD, Jest)
담당 주요 기능
- 검색어 추천, 검색창, 캐싱 기능 구현 과제
- - 사용자가 값을 입력할 때마다 API를 호출하는 과정에서, API 요청 횟수를 줄이기 위한 디바운싱 기능 구현
- - Cache API, fetch API 를 통해 캐싱 기능을 구현하여, 검색 이력을 제공하여 사용자 경험 향상
- - 키보드 방향키를 통한 추천검색어 이동으로 사용자 경험 향상
- 무한 스크롤 기능 구현 과제
- - InterSectionObserver API를 통한 무한 스크롤 기능 구현
- - 디바운싱 기능 구현을 통해 API 호출 횟수 최소화
- 회원가입 기능 구현 및 TodoList CRUD
- - 참가테스트 시, 제작하였던 팀원 중 1명의 Best Practice를 도출하여 리팩토링 진행
- - 백엔드 API 통신 부분 리팩토링 진행
사용기술 및 언어
- TypeScript
- Styled-Components
- React
트러블슈팅
- 팀 분할 프로세스를 통한 회의시간 단축 (2시간 → 1시간)
- Best Practice를 도출해 내는 과정에서 발생하는 여러 의견 충돌을 해결하기 위해 프로세스를 설계하여 제안. 10명의 인원을 3개의 팀으로 나누어 팀 내 Best Practice를 정한 후, 정기 회의 시간을 정하여 팀 대표들이 각자의 Best Practice를 진행하여 최종 Best Practice를 도출.