독서실과 학원이 결합된 형태의 교육 서비스를 제공하기 위해, 학생이 질문거리가 생겼을 때 자신의 자리에서 원격으로 선생님께 질문하고 답변 받을 수 있는 시스템을 만들었습니다.
- vite, react, react-router, zustand, tailwindcss, firebase
•학생과 선생님 간의 실시간 채팅
•어드민 페이지의 유저 관리
프로젝트
모가조아
2024년 2월 - 2024년 4월 · 3개월
등록된 상품끼리 비교할 수 있는 상품 비교 플랫폼을 개발했습니다.
- https://github.com/ckswnskfk/mogazoa
- Next.js, typescript, react-query, zustand, react-hook-form, axios, tailwind, storybook
• sizes 속성, 이미지 포맷 설정을 통한 이미지 최적화
• zustand를 사용한 모달 시스템 개발
• 접근성 개선을 위한 모달 Focus Trap
• 유저 정보 페이지, 내 프로필 페이지 SSR 적용을 통한 사용자 경험 개선
프로젝트
Taskify
2024년 1월 - 2024년 2월 · 2개월
여러 사용자와 함께 칸반 보드 형태로 할 일을 관리할 수 있는 서비스를 개발했습니다.
- Next.js, typescript, axios, tailwind
- https://github.com/ckswnskfk/taskify
• 레이아웃 컴포넌트 패턴을 사용한 공통 레이아웃
• 내 대시보드 페이지 구현
프로젝트
Rolling
2023년 12월 - 2023년 12월 · 1개월
사용자 간에 다양한 폰트로 롤링 페이퍼를 작성할 수 있는 서비스를 개발했습니다.
- vite, react, react-router, scss, ky
- https://github.com/ckswnskfk/Rolling
• 재사용 가능한 공통 컴포넌트(input) 개발
• 포스트(롤링 페이퍼) 페이지 무한 스크롤 구현
프로젝트
VZON 밴 대리점 통합 지원 시스템
2022년 8월 - 2023년 9월 · 1년 2개월
VZON 모바일 웹앱의 프론트엔드 개발을 했습니다.
밴 대리점의 상품의 수리를 의뢰하는 수리 모듈 등을 개발했습니다.
• 초기 로드 최적화
- gzip 압축을 통한 정적 리소스 용량 최적화
- <script> 태그의 defer 속성 추가를 통한 파싱 블록 요소 해결
• 컴포넌트 동적 import를 통한 페이지 진입 속도 상승
