| Application | Domain | Language | Framework |
|---|---|---|---|
| ✅ Desktop Web | 🔲 AI | ✅ JavaScript | 🔲 Vue.js |
| ✅ Mobile Web | 🔲 Big Data | 🔲 TypeScript | ✅ React |
| ✅ Responsive Web | 🔲 Blockchain | 🔲 C/C++ | 🔲 Angular |
| 🔲 Android App | ✅ IoT | 🔲 C# | ✅ Node.js |
| 🔲 iOS App | 🔲 AR/VR/Metaverse | ✅ Python | 🔲 Flask/Django |
| 🔲 Desktop App | 🔲 Game | 🔲 Java | 🔲 Spring/Springboot |
| 🔲 Kotlin | ✅ Next.js |
- 프로젝트명: 차키줘바
- 서비스 특징: 라즈베리파이를 IoT 디바이스로 활용하여 개인간의 차량 공유를 가능하게 하는 플랫폼
- 주요 기능
- 회원 관리
- 차량 등록 및 예약 관리
- 차량 실시간 정보 수집 및 제어
- 커뮤니티 및 신고 서비스 제공
- 주요 기술
- React + Next.js
- Raspberry Pi
- REST API
- Node.js
- MySQL
- AWS EC2 + NGINX
- Docker + Jenkins
- 참조 리소스
- Material-UI: React Component Library
- mui/material: React Component Library
- www.creative-tim.com/templates/react-free: UI template
- 배포 환경
- URL: https://i6a104.p.ssafy.io// 웹 서비스, 랜딩 페이지, 프로젝트 소개 등의 배포 URL 기입
- 테스트 계정: // 로그인이 필요한 경우, 사용 가능한 테스트 계정(ID/PW) 기입
- 프론트
- 백엔드
- 하드웨어
gantt
dateFormat YYYY-MM-DD
section 기획
서비스 기획 :a1, 2022-01-10, 7d
기술 기획 :a2, after a1, 7d
section 프론트엔드
보일러플레이트 작성 :f1, after a2, 4d
회원가입 페이지 구현 :f2, after f1, 2d
로그인 페이지 구현 :f3, after f1, 2d
차량등록 페이지 구현 :f4, after f3, 5d
예약정보 페이지 구현 :f5, after f3, 5d
차량관리 페이지 구현 :f6, after f4, 3d
마이페이지 구현 :f7, after f4, 3d
기능 고도화 :f8, after f7, 5d
section 백엔드
회원가입 API 구현 :b1, after a2, 3d
로그인 API 구현 :b2, after a2, 3d
차량등록 API 구현 :b3, after b1, 5d
차량예약 API 구현 :b4, after b1, 5d
실시간 차량정보 API 구현 :b5, after b3, 5d
DB 연동 :b6, after b1, 9d
Swagger 도입 :b7, after b1, 9d
기능 고도화 :b8, after b5, 3d
section 하드웨어
하드웨어 설계 :h1, after b1, 7d
서버통신 구현 :h2, after h1, 5d
section 디버깅
프론트엔드 디버깅 :d1, after f8, 6d
백엔드 디버깅 :d2, after b8, 9d
하드웨어 디버깅 :d3, after h2, 10d
프로젝트 종료일 :milestone, 2022-02-18
서버
$ cd backend
$ npm install
$ npx nodemon server.js (debug)
$ pm2 start server.js (live/background)프론트
$ cd frontend
$ npm install
$ npm run start프론트에서 Critial vulnerability가 나온다면
npm audit fix --force명령어를 사용하여 오류를 수정.
high, critical 레벨의 오류가 아니라면 진행 가능하다.
정상적으로 진행될 경우 3000번 port에서 진행된다.