카이오스 시스템
July 2023 ~ June 2025
기술: Next.js, Blade, Laravel, PHP, Python, Digital Ocean, Vercel
역할: 저작권 업체에 소속되어 있는 회원들의 저작권료를 정산, 관리하는 시스템을 개발하였습니다. 그리고 각 회원들이 본인의 정산 내역을 확인 할 수 있는 클라이언트 웹사이트도 구축하였습니다.
기여도: 프론트엔드 100%, 백앤드 100%, DevOps: 100% (참여인원 1명, 본인)
기획
- 프로젝트의 처음부터 끝까지 기획, 설계, 구현, 배포 및 운영하였습니다.
프론트엔드
- 저작권 회사 회원 정산 내역 확인 웹서비스를 Next.js로 구축하였습니다:
- Next.js의 SSR로 Laravel Sanctum을 이용한 Token 기반 Auth 시스템 구축을 구축하였습니다.
- 사용작의 정산 내역을 Chart.js 라이브러리를 활용하여 시각화 하는 작업을 진행하였습니다. 정산 내역 데이터를 실시간으로 받을 수 있도록 SWR 라이브러리를 활용하여 구축하였습니다.
- 시스템 메인 사이트의 첫 페이지 로딩 속도가 느린것을 해결하고자 PHP / Twig으로 되어있는 사이트의 API fetch 기능을 JavaScript로 마이그레이션 하였습니다. 이 과정에서 화면에 보이는 이미지 / 에셋을 우선적으로 로딩하는 할 수 있도록 개선함으로써 기존 3~5초의 정도의 로딩타임을 1초 미만으로 최적화 하였습니다.
백엔드
- Imagick 라이브러리를 사용하여 업로드 되는 이미지 파일을 최적화 하는 기능을 개발하였습니다. 용량의 약 70% 이상을 감소할 수 있었고 프론트엔드의 이미지 로딩타임을 50% 이상 단축할 수 있도록 최적화 하였습니다.
- 2개 이상의 프론트엔드 호출을 받아야하는 부분을 가만해 API를 TDD로 개발함으로써 API 엔드포인트 개발과정 중에 오류를 최소화하고 개발시간을 3개월 단축할 수 있었습니다.
- 월별 10,000 ~ 50,000개의 열의 정산 데이터를 csv로 업로드 또는 다운로드 할 수 있는 시스템 구축하였습니다.
DevOps
- Laravel Sail (Docker)를 사용하여 로컬 테스트 환경과 출시 서버 환경을 개선하였습니다.
