codestates-seb / seb43_main_009 Goto Github PK

: Google 계정으로 회원가입을 할 수 있다.
->회원 가입이 되어 있는 지 검사한다.

: 도와조약 로그인 화면에서 Google Oauth 컴포넌트를 통해 Google 계정으로 로그인 할 수 있다.

: API 명세서를 작성한다.

Sibebar에서 로그인 시 '{userId}님 안녕하세요. 도와조약에 오신걸 환영합니다.' Text 문구 나오는 기능 구현

: Login 화면 UI구성

• Google Oauth 로그인 컴포넌트
• Email 및 Password 입력 input으로 구성된 자체 로그인
• 로그인 버튼
• 공백을 채울 일러스트

: Figma를 통해 UI/UX 폼을 작성한다.

Sidebar에서

• 의약품검색을 누르면 메인페이지로 이동
• 맞춤 추천을 누르면 맞춤추천 페이지로 이동
• 커뮤니티를 누르면 커뮤니티 페이지로 이동

할 수 있는 text 구현

: 회원가입 페이지 UI 구성

• Google Oauth 컴포넌트
• ID, Email, Password input으로 구성된 자체 회원가입창
• 회원가입 버튼
• 공백을 채워줄 일러스트

: Google ID로 회원가입 할 수 있는 Google Oauth 구현

: 검색 결과에 약의 정보를 띄울 수 있다.
->약의 정보는 "식품의약품안전처_의약품개요정보(e약은요)" OpenAPI를 사용하여 가져온다.
-> 가져오는 출력값은 제품명, 회사명, 효능, 복용 방법, 사용상 주의사항, 사용하는 동안 주의해야 할 약이나 음식, 약 이미지이다.
-> 사용자 맞춤 설정을 한 유저는 유저 주의사항 데이터를 활용하여 위에서 가져온 사용하는 동안 주의해야 할 약과 대조하여 존재한다면 함께 출력한다.

: DB table - ERD를 작성한다.

: Google 계정을 통한 로그인을 할 수 있다.

: 회원가입 페이지에서 ID, PWD, Email 입력 후 회원가입하는 기능 구현

• 로고, 버튼 위치 올바르게 배치
• 링크 제대로 작동
• 글꼴 디자인 적용

: 도와조약 홈페이지에서 회원가입한 유저는 기입한 이메일과 비밀번호를 통해 로그인 할 수 있다.

공통 컴포넌트 Sidebar UI

• 도와조약 로고
• 로그인 시 '{userId}님 안녕하세요. 도와조약에 오신걸 환영합니다.' 문구 출력 / 로그아웃시 나오지 않음
• 의약품검색(메인페이지)으로 링크되는 Text
• 맞춤추천 페이지로 링크되는 Text
• 커뮤니티 페이지로 링크되는 Text

: 댓글은 내용, 작성자, 작성시간을 볼 수 있다.
: 로그인 여부에 따라 댓글을 작성할 수 있다.
-> 댓글은 내용만 작성할 수 있다.
-> 내용을 빈 칸으로 POST 할 수 없다.
-> 댓글을 작성한 userId와 로그인한 userId가 같다면 댓글을 삭제 또는 수정할 수 있다.

: 로그인 여부에 관계없이 커뮤니티에 작성된 전체 글을 볼 수 있다.
-> 글 미리보기는 제목, 작성자, 작성 시간으로 구성되어 있다.
-> 전체 글은 페이지네이션으로 구성한다.

: 로그인한 사용자가 맞춤 추천을 이용하여 설정을 완료하면 필요한 영양소와 영양소에 대한 코멘트,
추천 영양제 이미지와 영양제 정보를 보여줄 수 있다.
-> 맞춤 추천을 완료한다면 그 데이터는 사용자 DB에 저장한다.

• 게시글 상세조회
• 게시글 삭제
• 게시글 수정
• 댓글 생성
• 페이지 CSS구현
• redux-toolkit사용

• POST
• GET
• PATCH
• 연동여부

: 도와조약 로그인 페이지에서 자체 로그인을 할 수 있다.

: 이메일, 이름, 비밀번호를 입력하여 회원가입을 할 수 있다.
-> 이메일과 비밀번호는 유효성 검사를 진행한다.
-> 비밀번호는 암호화를 거친다.
-> 회원 가입이 되어 있는 지 검사한다.

: 제목, 내용, 작성자, 작성 시간, 댓글 목록을 볼 수 있다.
-> 글을 작성한 userId와 로그인한 userId가 같다면 글을 삭제 또는 수정할 수 있다.

• redux-toolkit 사용
• 게시판 글쓰기 페이지 css 구현
• POST 구현

• � axios.post 구현
• 페이지 디자인
• � Oauth 프론트엔드 구현

: 로그인 한 유저는 마이페이지를 볼 수 있다.
-> 회원 탈퇴와 내 정보 수정이 가능하다.
-> 내 정보 수정에서도 회원 맞춤 설정을 다시 할 수 있다.

: 로그인 여부에 상관없이 검색할 수 있다.
-> 회원 맞춤 설정을 한 회원이 로그인을 했다면 검색 결과에 회원의 정보를 반영할 수 있을 것이다.

: 로그인 된 유저는 신체적 걱정 옵션 한 개와 알러지 옵션 한 개를 선택하여 회원 맞춤 설정을 완료할 수 있다.
→ 옵션 선택 1 : 걱정되는 신체 질환 옵션 5개의 보기 중 1개의 선택지만 선택할 수 있다.
→ 선택 완료시 옵션 선택 2로 넘어갈 수 있다.
→ 옵션 선택 2 : 내가 갖고 있는 알러지나 걱정되는 성분 옵션 5개의 보기 중 1개의 선택지만 선택할 수 있다.

: 로그인한 유저만 글 작성 페이지로 넘어올 수 있다.
: 제목과 내용을 빈 칸으로 POST 할 수 없다.

: 사용자 요구 사항 정의서를 작성한다.