맡은 작업
- 서비스 리뉴얼에 따른 프론트엔드 고도화 개발
- 크로스 브라우저 환경에서의 터치 동작 오류 해결 등 모바일 UX 개선
- Prettier 및 플러그인 설정·코드 리팩터링을 통해 가독성 및 유지보수성 개선
- Knip을 활용한 미사용 코드 분석과 중복·불필요한 파일 정리로 코드베이스 탐색과 유지보수 범위 축소
사용 기술
언어·프레임워크
Next.jsTypeScript
상태·데이터
Zustand
화면·인터랙션
Tailwind CSSFramer Motion
리뉴얼 중 수정한 문제
중복 코드와 서로 다른 작성 규칙
이전 코드와 리뉴얼 코드 사이에 의존성이 남아 있어 파일 이름만 보고 삭제하기 어려웠습니다. Knip 분석 결과와 참조 관계를 함께 확인하며 불필요한 파일 600개 이상과 약 9만 줄의 코드를 정리했습니다. Prettier 설정도 정비해 작성 규칙을 맞췄습니다.
앱에서 동작하지 않는 날짜 선택
PC 브라우저의 모바일 보기에서는 동작하던 날짜 선택 팝업이 실제 앱에서 휠로 스크롤되지 않았습니다. 앱에서 발생하는 스크롤 동작 오류를 수정해 날짜를 선택할 수 있도록 했습니다.
키보드가 올라올 때 생기는 하단 여백
앱에서 키보드가 나타나면 키보드 높이만큼 화면이 더 드래그되어 하단에 빈 공간이 생겼습니다. html과 body에 지정된 height: 100%를 제거해 콘텐츠에 따라 문서 높이가 잡히도록 바꿨습니다. 키보드가 열린 상태에서 불필요하게 늘어나던 스크롤 영역과 하단 여백을 줄였습니다.