미리보기

카페24 스토어 앱 “로보MD 배너” 스크립트 레거시 코드 개선
2023.10 ~ 2023.12 (3개월)

• jQuery ⇒ vanila JavaScript로 점진적 개선
• 기존 jQuery 함수들은 1대 1로 대체되는 자바스크립트 함수로 변경
• jQuery를 dependency로 사용하는 라이브러리(ex. Light slider)는 되도록 직접 구현
• AJAX getScript 메서드를 사용하던 기존 코드 스플리팅 방식을 fetch API와 Promise를 사용하도록 변경
• Google Page Speed Insights 기준 FCP 평균 4초 ⇒ 평균 1초 후반으로 낮춤

카페24 스토어 앱 “로보MD 배너” 스크립트 코드 리팩토링
2023.01 ~ 2023.03 (3개월)

• 클린 코드를 목표로 더 이상 사용되지 않는 주석, 함수, 변수 등을 수정 및 제거
• API 호출 횟수를 줄이기 위해 백엔드 개발자와 협업해 DB 테이블 재설계 및 재설계된 DB 테이블에 맞춰 프론트 API 호출 방식 변경
• Google Page Speed Insights 기준 FCP 평균 6초 ⇒ 4초로 낮춤

카페24 스토어 앱 “로보MD 배너” 스크립트 코드 스플리팅 & 컴포넌트화
2022.08 ~ 2022.09 (2개월)

• 단일 파일로 되어 있던 스크립트 파일을 AJAX getScript 메서드를 사용해 코드 분리 및 컴포넌트화
• for문을 사용해 필요한 코드를 불러오던 기존 방식과 달리 비동기 방식으로 코드를 불러와 스크립트 로딩 속도 개선
• Google Page Speed Insights 기준 FCP 평균 10초 ⇒ 6초로 낮춤

깃허브 링크: https://github.com/taedonn/fonts-archive
배포 링크: https://fonts.taedonn.com

• 상업용으로 무료로 사용할 수 있는 폰트를 저장해둔 사이트입니다. 다른 사이트와 다른 점이 있다면 웹 폰트 정리가 잘 되어 있습니다.
• jsdelivr CDN을 사용해 웹 폰트 배포
• 언어, 라이센스 허용 범위, 폰트 타입 등에 따라 목록 sorting 기능 구현
• Next-auth를 사용해 OAuth 로그인 기능 구현
• useInfiniteQuery를 사용해 무한 스크롤 기능 구현