😎 Devel-rope

코드와 매일 같이 싸움하는 개발자들(Developers)을 위한 하늘에서 내려온 동아줄(rope) 같은 앱! 개발자들끼리 다양한 질문을 올리고, 트러블슈팅도 하고, 각종 지식을 공유할 수 있는 커뮤니티 입니다. 😊

개발을 하다가 부딪힌 문제를 공유하고 해답을 빠르게 찾을 수 있습니다.
서로의 일상을 자유롭게 공유할 수 있습니다.

📆제작 기간 및 팀원 소개👨‍💻👩‍💻

2021-02-11 ~ 2021-02-17

김민정 minkimhere : 댓글 및 서버 관련 기능 담당
용주성 tacocat3 : 로그인/회원가입 관련 기능 담당
박수지 suzyp0223 : 게시글 관련 기능 담당

🌎Website

사이트 바로가기

🎬데모 영상 링크

데모영상 바로가기

📝노션 설계 페이지

노션 바로가기

📋와이어 프레임

🛠Back-end 기술 스택 및 개발 환경 🔨

JavaScript
Node.js
Express.js
mongoose
mongoose-sequence
jsonwebtoken
joi
pbkdf2-password
dotenv
cors
prettier

DBMS

mongoDB

Deploy

AWS EC2 (Ubuntu 18.04LTS)
AWS S3

🔗API 상세

	Method	URL	REQ	RES
회원가입	POST	/api/join	{ email: password: nickname: git: blog: blogtype: }	{ ‘ok’: true, message: ‘회원가입 성공’ } OR { ‘ok’: false, errorMessage:’회원가입 실패’ }
이메일 중복검사	POST	/api/join/check	{ email: }	{ ‘ok’: true, message: ‘사용가능한 이메일입니다.’ } OR { ‘ok’: false, errorMessage:’이미 사용중인 이메일입니다.’ }
닉네임 중복검사	POST	/api/join/check	{ nickname: }	{ ‘ok’: true, message: ‘사용가능한 닉네임입니다.’ } OR { ‘ok’: false, errorMessage:’이미 사용중인 닉네임입니다.’ }
로그인	POST	/api/login	{ email: password: }	token: nickname: userId: userIcon: { 'ok':true, message:’로그인 성공’ } OR { ‘ok’: false, errorMessage:’로그인 실패’ }
전체 포스트 불러오기	GET	/api/post		{ 'ok': true, result: [{ //imgUrl: userId: userIcon: postId: nickname: content: //replyNumber: //like_cnt: date: }] }
다른 일부 유저 관련 정보 불러오기	GET	/api/user	{ headers:{ authorization:token } headers: { "Authorization": Bearer ${localStorage.getItem("token")}, }	{ 'ok': true, result: [{ userIcon: nickname: email: git: blog: }] }
다른 모든 유저 관련 정보 불러오기	GET	/api/users	{ headers:{ authorization:token } headers: { "Authorization": Bearer ${localStorage.getItem("token")}, }	{ 'ok': true, result: [{ userIcon: nickname: email: git: blog: }] }
내 로그인 정보 불러오기	GET	/api/auth	{ headers:{ authorization:token } headers: { "Authorization": Bearer ${localStorage.getItem("token")}, }	{ 'ok': true, result: [{ email: userId: userIcon: nickname: }] }
post 생성	POST	/api/post	{ userId: nickname: content: userIcon: imgUrl: date: //comment_cnt: }	{ ‘ok’: true, message: ‘생성 성공’ } OR { ‘ok’: false, message:’생성 실패’ }
post 불러오기	GET	/api/detail:/:postId	{ postId: }	{ ‘ok’: true, result: [{ content: nickname: userId: userIcon: imgUrl: date: postId: //comment_cnt: }] }
post 수정하기	PUT	/api/item/:postId	{ content: userId: imgUrl: postId }	{ ‘ok’: true, message: ‘수정 성공’, } OR { ‘ok’: false, message:’수정 실패’ }
post 삭제하기	DELETE	api/item/:postId	{ postId: }	{ ‘ok’: true, message: ‘삭제 성공’ } OR { ‘ok’: false, message:’삭제 실패’ }
comment 불러오기	GET	/api/comment/:postId	{ postId: }	{ ‘ok’: true, result: [{ comment: userId: nickname: postId: commentId: userIcon: date: }] }
comment 수정하기	PUT	/api/comment/:commentId	{ comment: }	{ ‘ok’: true, message: ‘수정 성공’ } OR { ‘ok’: false, message:’수정 실패’ }

💬 Back-end

이번 프로젝트는 주특기 주차를 마치고 처음으로 프론트엔드와 백엔드로 나눠서 진행한 프로젝트 입니다.
우선적으로 주특기 주차에 배운 기본적인 CRUD기능의 구현에 집중하였고, 세부적으로 내실을 다지는데 집중하였습니다.

❓ Why? JWT + Bearer 인증 유형

발급한 JWT 토큰은 OAuth 2.0 인증으로 발급한 액세스 토큰이 아니기 때문에 공식적으로 이 방법은 "비표준" 방식으로 볼 수 있습니다. 그렇지만 토큰을 헤더로 교환 할 목적으로 사용할 인증 유형이 Bearer가 제일 적절하다 생각하여 HTTP 인증 유형중, Bearer 타입을 사용하여 토큰을 전달 하는 방법을 사용하였습니다.

❓ Why? mongoDB

1차 목표를 기본 CRUD 기능 구현과 프론트엔드와 백엔드의 아름다운 협업으로 하였고 추후에 기능을 추가할 계획을 세웠던 저희 프로젝트에서 RDBMS와 다르게 자유로이 데이터 구조를 잡을 수 있다는 특징이 있는 Document 기반 데이터베이스인 mongoDB가 가장 적합하다 판단하였습니다.

❓ Why? dotenv

노출되면 보안에 위협적인 환경변수들을 한곳에 모아 관리했습니다.

minkimhere / BE_miniproject_devel-rope

readme