카카오테크캠퍼스

카카오테크캠퍼스 3기에 참여하여 최종 발표 및 UniScope 프로젝트를 진행했습니다.
프론트엔드 트랙에서 Top Performance Award를 수상했습니다.

기술 스택

React TypeScript react-query lighthouse storybook Playwright Github Action Figma Tailwind Shadcn Java SpringBoot Python AWS

프로젝트 소개

UniScope는 한국의 강의, 교수, 대학교에 대한 종합 정보를 제공하는 통합 플랫폼입니다. 실제 학생들의 리뷰를 기반으로 수강 선택과 대학 비교에 대한 정보를 제공하고, 학생들의 결정을 도와줍니다.

UniScope는 학점 교류 프로그램을 고려하는 대학생부터 대학원 진학을 계획하는 대학생, 그리고 대학 입학을 준비하는 고등학생까지 대학 생활의 모든 정보를 제공합니다. 모두가 더 나은 선택을 할 수 있도록 돕는 대학 정보 플랫폼입니다.

해외에서는 RateMyProfessor와 같은 플랫폼이 활발히 운영되며 학생들이 직접 강의와 교수를 평가하고 정보를 공유하고 있습니다. 하지만 한국에서는 이러한 통합 플랫폼이 존재하지 않아 정보가 분산되어 있습니다.

UniScope는 학생들이 더 객관적이고 정보에 입각한 결정을 내릴 수 있도록 돕습니다.

프로젝트 상세

프론트엔드 테크 리더로서 팀 개발 워크플로우를 조율하고 기술 표준 수립
FSD (Feature-Sliced Design) 아키텍처를 도입해 깔끔한 코드 구조와 유지보수하기 쉬운 프로젝트 설계
GitHub Actions를 사용하여 CI/CD 파이프라인을 구축하고 자동화된 테스트, 빌드, 배포 프로세스 구현
Storybook을 사용하여 모든 프로젝트 UI 컴포넌트를 문서화하고 코드 재사용성을 높이며 애플리케이션 전반의 디자인 일관성 보장
Playwright를 사용하여 E2E 테스트 환경을 구축하고 실제 브라우저 컨텍스트에서 주요 UI 플로우와 비즈니스 로직 자동화
페이지 구조 및 성능을 최적화하여 Lighthouse 4가지 지표 모두에서 높은 점수를 달성하고 Meta Tag 기반 SEO를 통해 초기 접근성 향상

아키텍처