웹 미니 프로젝트 종료

이노베이션 캠프 웹미니 프로젝트

2023.06.07 ~ 2023.06.10

멤버 : 김나영B, 김형준, 최선효, 박정환

Team Name : SPASIPA

썸네일

Project Name :  최애의 PICK

프로젝트 배포 링크

프로젝트 시연 영상 링크

 

Description

• 당신이 좋아하는 영상 누군가에게 자랑하고, 공유하고 싶지 않으신가요?
• 가수의 라이브 영상, 귀여운 동물 영상, 재밌는 개그 영상까지 모두에게 당신의 PICK을 공유하세요!
• 사이트 이용자들간의 좋아요 숫자로 당신의 PICK이 메인으로!

API 명세서

기능	메서드	URL	REQUEST	RESPONSE
회원 가입	POST	/register	{ id_give : *, pw_give : *, }	{ resullt : success/fail } or Error
로그인 여부 확인	GET	/auth		{ resullt : success/fai }
토큰 발급	POST	/api/login	{ id_give : *, pw_give : *, }	{ resullt : success/fail, token : */error }
아이디 중복 체크	POST	/api/register/usercheck	{ id_give : *, }	{resullt : 1/0}
전체 tube 조회	GET	/main		{'result': all_movies}
tube 등록	POST	/main	{ url_give: *, comment_give: *, start_give: *, }	{'msg':'저장 완료'} or Error
좋아요 Desc	GET	/main/top		{ result': all_tubes_top }
Likes 수 업데이트	POST	/main/likes	{ id_give: *, like_give: *, }

Rendering API

기능	메서드	URL
로그인 페이지	GET	/login
회원가입 페이지	GET	/register
메인 페이지	GET	/main

담당 업무

박정환 (팀장)

• 회원가입/로그인 페이지 이미지 디자인 및 css
• login 관련 Route

최선효

• 영상재생 Modal
• register, login 기능 적용

김형준

• tubes 관련 컴포넌트 css/js 적용
• tubes 관련 create, read, update Route

김나영

• 회원 가입 페이지 css/js 적용
• EC2 배포

 

개인적으로 알아볼 것

1. ajax, fetch의 차이점
2. RESTful API로 클라이언트와 서버가 어떻게 통신하는지에 대해 전반적으로 이해할 필요가 있다.
3. Github에 관한 게시글 쓰기
4. JWT = 무상태 = Stateless 에 관해 이해하기.

원래 적용하려 했던 main html

시간이 부족했다...

결국 이거로 급하게 새로 만들어서 넣었다..