CS24
2025.02 - 2025.02
총괄 / 기획 / 디자인 / 프론트엔드 개발
📌 개요
카카오톡 플러스 친구를 통해 별도 설치 없이 접근하여, AI로 문제를 풀고 정답률과 풀이 피드백을 받을 수 있는 스마트 학습 플랫폼입니다. 채팅형 인터페이스에서 문제 풀이와 학습 데이터 기반 맞춤 추천을 제공합니다.🛠 기술 스택
ReactTypeScriptViteStyled-ComponentsReact RouterZustandReact QueryAxios
👥 팀원 및 역할
조희우
총괄 / 기획 / 디자인 / 프론트엔드 개발
김다애
프론트엔드 디자인
김서윤
프론트엔드 개발(Web)
김택천
백엔드 개발
마재훈
총괄 / 기획 / 프론트엔드 개발(Web)
이재혁
백엔드 개발
🛠 내가 맡은 역할
- 문제 풀이 화면을 카카오톡 채팅형 인터페이스로 디자인 및 구현
- 답안 선택 바텀시트·힌트 토스트·제출 버튼 활성화 등 인터랙션 UI 구현
- 컴포넌트 단위 코드 분리 및 스크롤 영역 처리 리팩터링
- 서비스 기획 총괄 및 UI/UX 디자인
- 팀 협업 프로세스 정립 및 기능 구현 보고서 작성
- 프로젝트 제안 및 발표 자료 제작 및 발표
- 팀 프로젝트 리딩 및 회의 보고서 제작 및 발표
🚀 기술 구현 과제
- 웹에서 카카오톡 채팅 UX를 재현하기 위한 메시지 노출·스크롤 처리
- 답안 선택 바텀시트와 힌트 토스트의 상태 전환 및 제출 흐름 설계
- 문제 풀이 화면의 컴포넌트 구조 분리