README.md

🚋 출근행

프로젝트 기간 : 2024.04.06 ~ 2024.04.07 [KUSITMS 29th 큐커톤 📊]

• 3위 우수상 수상 🏆

🖥️ 출근행 구경하기 (데스크탑에서 이용 가능)

💙 프로젝트 소개

더이상 버리지 말아요! 당신의 출근시간, 출근행

낭비되는 출퇴근 길 도로 위의 시간을 유용하게 쓸 수 있도록 돕는 서비스

• 개인에 따라 음악이나 음성 강의, 오디오북 같이 자기가 좋아하는 일을 하고
  출근 루트와 함께 간단히 기록합니다.
• 내 출근길에서는 한 활동 태그에 따른 집계를 보여주고 있습니다.
• 주, 달, 년 동안 누적된 출근시간과 그 출근시간이 어떻게 쓰였는지 간단히 볼 수 있습니다.

🚋 핵심 기능

💙 KAKAO 소셜 로그인

• 로그인 클릭시 리다이렉트 된 경로로부터 인가코드를 받아 서버에게 넘겨줍니다.
• 서버로부터 accessToken을 받아 로그인합니다.

💙 기본 출근 정보 입력

• 회원가입 및 로그인 후 페이지 첫 접속 시, 유저의 주 출근 경로를 입력받습니다.
• 출근시간, 점심시간, 퇴근시간 등의 하루 스케줄을 기록합니다.
• 주간 목표를 입력해 설정합니다.

💙 내 출근길

• 설정한 오늘의 출근길 내용을 바탕으로 출근길 경로와 Todo List를 제공합니다.
• 당일 출근을 마친 유저들은 메인 화면에서 오늘의 출근 목표와 달성 결과를 확인합니다.

💙 요즘 출근길

• 다른 사람들의 출근길을 확인하며, 출근길 할 수 있는 활동을 탐색할 수 있습니다.
• 카테고리별, 출근 시간별로 열람이 가능합니다.

🚋 Team A-yo

기획 / 디자인

PM	기획	기획	기획	디자인	디자인
신기성	김대헌	유자인	구다민	윤예헌	진성이

개발

- Front-end (React 🌐)

유진주	이채민

- Back-end (Spring 🌱)

김예찬	한상호

🚋 시연 영상

KUKATHON_.mp4

🚋 기술 스택

• F/E: React, TypeScript, Vite, yarn, Styled-components
• B/E: Spring Boot, AWS(EC2)
• DB: MySQL
• ETC: Git/Github, Figma, Notion
  
  

💙 Stack 선정 및 사용 이유

React	TypeScript
리액트(React)는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리입니다. 리액트는 가독성과 유지보수성이 뛰어나며, 가상 DOM을 활용하여 성능을 향상시킵니다. 단방향 데이터 흐름을 따르며 JSX 문법을 사용하여 작업 생산성을 높입니다. 커뮤니티와 생태계가 발전된 상태이며, 다양한 라이브러리와 도구를 활용하여 개발 생산성을 향상시킬 수 있습니다.	코드 안정화 TypeScript는 정적 타입 언어로, 코드를 더 안정적으로 만들고 개발자 사이의 협업을 용이하게 해줍니다. 생산성 컴파일 단계에서 에러를 발견하여 런타임 오류를 방지하며, 코드 힌트와 자동 완성을 제공하여 개발 생산성을 높여주는 장점이 있어 TypeScript를 선정하게 되었습니다.

Vite	yarn
Vite는 빠른 빌드 시간을 제공하여 개발자가 개발 중에 신속하게 수정 사항을 확인하고 테스트할 수 있도록 합니다. 또한, 개별 모듈의 변환과 필요한 모듈만 다시 빌드하여 개발자의 대기 시간을 최소화합니다. 결론적으로, Vite를 사용함으로써 더 빠르고 효율적인 개발을 할 수 있으며, 사용자 경험을 향상시키고 애플리케이션의 성능을 최적화할 수 있습니다.	Yarn은 JavaScript 패키지 매니저로, 빠른 속도, 신뢰성, 보안 기능을 제공하여 효율적인 프로젝트 관리를 돕습니다.