[Intro]S*FU 서비스 소개

서비스 : 부트캠프 후기 공유 사이트

SELECT ALL FROM USERS 📝

최근 비전공자들의 움직임이 심상치 않습니다!
개발자가 되기위해서 부트캠프를 찾는 분들이 많아지고 있는데요,
아무것도 모르는 비전공자의 입장에서 어떤 부트캠프가 좋고 나에게 맞는 곳인지 어떻게 알 수 있을까요?

이미 부트캠프를 경험한 선배들의 솔직한 후기가 절실한 지금!
"당신에게 가장 잘 맞는 부트캠프는 어디일까요?"

 

사이트 주소 : www.safu.ml/

실제 기술 스택

 

 

기존에 배운 것들을 복습하고 더 깊게 알아가는 것을 목적으로 하였던 프로젝트였으므로, 새로운 스택을 배우기 보다는
협업하는 방법, 프로젝트 진행 하는 방식, 그리고 자바스크립트라는 언어로 전체적인 서비스를 만드는 것을

제대로 이해하는것에 집중했다.

 

DB 스키마(수정예정)

Wire Frame

UI Design

API Documents

Flow Chart

 

나의 역할(팀원/백엔드)

• Basic

  • 전체적인 서버 로직 점검(라우팅 refactoring & 에러 수정)

  • DB 정리

  • 통신 확인 후, 서버 API 코드 수정

  • EC2 & RDS 배포 후 에러 수정(리다이렉트 후 세션분실 에러 수정 중)

• Front

  • 소셜 로그인 관련 클라이언트 코드 수정

• Back

  • server 및 DB 기본세팅

  • 메인페이지 API 구현

  • 로그인 후 세션 인지하는 메인 페이지 분기하여 구현 완료

  • 로그인 & 소셜로그인 API 구현

  • 일반 로그인/ 소셜 로그인 유저 권한 분기

    (소셜로그인 유저는 아이디찾기/비번찾기/마이페이지에서 개인정보확인 기능 사용불가하므로)

  • 아이디 찾기 API 구현

  • 비번 찾은 후 사용자 메일로 전송 API 구현

  • 새로운 리뷰 작성 API 구현 -> 부트캠프에 대해 중복된 리뷰 작성 방지 위해 코드 수정

  • 특정 리뷰 수정 및 삭제 API 구현 -> 부트캠프에 대해 중복된 리뷰 작성및 수정 방지

  • 배포 후 DB 마이그레이션 정리

  • EC2 배포 -> RDS 연동 오류 수정

서버의 전체적인 통신을 점검하면서 그때그때, 발생하는 에러를 고치고,
로직상 추가되어야 하는 기저조건들을 위해 기존 API를 수정하는 것을 기본적인 역할로 두고 전체적인 틀을 잡아갔다.

 

기능 리스트업

1) bare minimun

✅ 로그인 권한 기능
✅ 로그인 후, 후기작성 버튼이 보이고, 작성 가능
✅ 부트캠프 메뉴를 클릭하면 해당 부트캠프에 해당하는 평가들만 화면에 보임
✅ 로그아웃에 따른 페이지 이동
✅ 아이디/ 비번찾기(아이디랑 비번 찾기 하면, 입력한 메일로 전달되도록)
✅ 회원 탈퇴/리뷰 카드 삭제
✅ 개인정보 수정/작성리뷰 수정
✅ 회원가입/로그인 유효성 검사(이메일, 아이디, 비밀번호 유효성 검사는?)
✅ 소셜로그인
✅ 쿠키/토큰 설정
✅ 패스워드 입력시 *표시

2) Advanced

💬 검색기능 (if문으로 검색어들을 점검)
💬 금지어 필터링 🌟
💬 후기에 검색어 필터링 기능
💬 후기 작성 및 각종 alert들 모달창으로 🌟
💬 다크모드
💬 페이지 넘기기 기능 🌟 호용님께서 하면 좋을 것 같다고 하심!
✅ 패스워드 특정 글자수 이상(패스워드 유효성)
✅ abuse 적용 (상현님 아이디어: 기입한 깃허브 레포주소를 중복검사해서 체크)🌟
✅ 패스워드 암호화 보안(Hash 사용)🌟

3) nightmare

🔄 비밀번호를 변경할 수 있는 링크를 전송해서, 그 링크로 들어가서 비밀번호를 변경할 수 있게 하기
->여기서 핵심은 그 링크를 만드는 것이 문제. 그 링크를 아무나 들어가서는 안되기 때문에

To Study

✅ 소셜로그인(API받아오기) & 소셜 회원가입
✅ 쿠키/세션
✅ authorization
✅ 비번찾기해서, 메일로 링크/비번 보내주기
✅ axios 공부하기
✅ hooks(react, sequelize)공부하기
✅ 정규표현식