프리미티브

🌿 제작 목적

프리미티브 동아리의 홍보 목적으로 제작 시작, 후 프로젝트 공유 플랫폼으로 추가 기획

개발회고 보러가기

🙊 사용 기술

마이그레이션 전

마이그레이션 후

webpack에서 vite로, js에서 ts로 마이그레이션했다. 빌드 속도가 확실히 빨라진게 체감된다.

Intersection Observer API 사용

소개 탭 부드러운 애니메이션을 적용하기 위해 사용

lodash 성능 최적화

모바일 반응성 웹으로 만들기 위해서 사용, 창 사이즈를 변경하면 1px 변경될 때마다 핸들함수가 실행되는데, 너무 비효율적이고 메모리 낭비가 된다. lodash 라이브러리의 throttle() 기능과 debounce() 기능을 활용하면 최적화 가능.

debounce()는 시간 내 함수가 여러번 호출되더라도 마지막 한번만 실행하는 함수

프로젝트 업로드 및 조회 기능

• 프로젝트 업로드와 세부 설명 작성하는 에디터를 통해 세부 소개 작성 가능
• Firebase의 Storage 기능으로 이미지 업로드 및 조회 기능 구현으로 프로젝트 썸네일 및 프로필 사진 등의 기능 구현

어드민 인증 기반 회원가입 구현

동아리원임을 인증하기 위해서 어드민 인증 기반 회원가입을 구현

Firebase로 어드민 인증 기반 회원가입 구현하기

🪨 배포

Primitive 공식 홈페이지 배포 페이지