프리미티브 동아리의 홍보 목적으로 제작 시작, 후 프로젝트 공유 플랫폼으로 추가 기획
마이그레이션 전
마이그레이션 후
webpack에서 vite로, js에서 ts로 마이그레이션했다. 빌드 속도가 확실히 빨라진게 체감된다.
소개 탭 부드러운 애니메이션을 적용하기 위해 사용
모바일 반응성 웹으로 만들기 위해서 사용, 창 사이즈를 변경하면 1px 변경될 때마다 핸들함수가 실행되는데, 너무 비효율적이고 메모리 낭비가 된다. lodash 라이브러리의 throttle() 기능과 debounce() 기능을 활용하면 최적화 가능.
debounce()는 시간 내 함수가 여러번 호출되더라도 마지막 한번만 실행하는 함수
- 프로젝트 업로드와 세부 설명 작성하는 에디터를 통해 세부 소개 작성 가능
- Firebase의 Storage 기능으로 이미지 업로드 및 조회 기능 구현으로 프로젝트 썸네일 및 프로필 사진 등의 기능 구현
동아리원임을 인증하기 위해서 어드민 인증 기반 회원가입을 구현
Primitive 공식 홈페이지 배포 페이지
