6/25 2일차

아침 (10:00) 회의록

• 회원가입 폼 필요사항 → 이메일, 비밀번호, 비밀번호 확인, 이름, 닉네임
• OG 태그 이미지 가져오기 백엔드에서 크롤링으로 가져와야 하는지 확인 필요
• 프로필 이미지는 회원가입 단계에서 받지 않고, 로그인 이후 프로필 변경에서 수정
• 이메일 중복 체크는 회원가입 버튼 누르면 할지 중복체크 기능을 따로 만들지 얘기해봐야함

---

프론트 회의 (10:30)

1. 웹 서비스 소개 영역 (온보드 페이지) / OnBoard.js
2. 로그인/회원가입 페이지 / Login.js, Register.js
   1. 로그인
   2. 소셜 로그인 (카카오톡 / 구글)
3. 메인 페이지 / Home.js
   1. 게시물 공개/비공개, 내거에서 또는 전체에서 검색
   2. 게시물 CRUD (폴더, 컨텐츠 - 링크 → OG 또는 이미지 직접 등록, 메모, 이미지 등)
4. 쓰기, 편집 페이지 / Edit.js
5. 재사용 가능한 모달 창 만들어야 함 (당장 해야 하는 건 아님!)

---

백엔드와 얘기해볼거

• JWT 로그인시 리프레시 토큰까지 쓰는지

디자이너와 얘기해볼거

• 온보드 페이지가 당장 필요한지
• 온보드를 어디 페이지에서 어떻게 띄워줄지 (팝업으로 할지 등등)
• 모달 창 디자인

다같이 얘기해볼거

• 게시물 작성시 타입을 어떤것들을 우선으로 만들지 정해야 함
• 쓰기, 편집시 어떤 형태로 할지 얘기해보기
• 전체적인 상세 기획도 한번 정해봐야 함
• 폴더 공개/비공개 설정

---

결정사항

1. 온보딩 페이지 ( 앱 소개 페이지 ) → 나중에 좀 진행이 됬을때

   1. 웹서비스 소개 영역
   2. 처음에 소개처럼 나올수도 있고
   3. 온보딩이 메인에서 나와야 할지 첫화면에서 나와야 할지 얘기해봐야 함 (메인에서 사용법처럼 나올수도 있고)
   4. 메인에서 한장으로 전체 대략적인 설명식으로 나올 수도 있음

2. 로그인/회원가입 페이지

   1. 회원가입
      1. 소셜로그인이 메인으로 디자인
      2. 이메일
         1. 중복체크 API
            1. → 중복확인이 버튼이 따로 없고 값 입력시에 중복확인이 자동으로 되게끔
      3. 비번
      4. 비번확인
      5. 닉네임
         1. 중복체크 API
            1. → 중복확인이 버튼이 따로 없고 값 입력시에 중복확인이 자동으로 되게끔
      6. 이미지는 랜덤으로 4가지중에 하나 랜덤으로 거기 링크로
   2. JWT 토큰 발급을 통한 로그인
   3. 일반 로그인
      1. 토큰 방식 어떻게 하실지 나중에 정하셔서 알려주기
      2. 이메일, 비밀번호 사용
   4. 소셜 로그인
      1. 카톡 로그인
      2. 구글 로그인

3. 메인 페이지

   1. 드래그 앤 드롭 / 클릭을 활용하여 내 계정 폴더에 복사/붙여넣기
   2. 게시물 공개 / 비공개 설정

      1. 게시물이랑 폴더 둘다 되야 함

      2. 폴더는 비공개일때는 안에 파일 전부 비공개고, 공개일때는 비공개인 파일을 제외하고 공개

         

   3. 게시물 작성하기 (폴더, 컨텐츠 - 링크 → OG 또는 이미지 직접 등록, 메모, 이미지 등)
      1. 1차 스코프에서는 폴더구조 1차에서만 폴더가 가능
      2. 게시물 작성 ( 링크 (제목, 링크, 이미지, 링크설명 (255글자)), 메모 (제목, 내용 (좀 더 크게)) )
   4. OG 메타태그를 프론트에서 링크를 백엔드측으로 넘기면 링크에 있는 OG태그를 크롤링해서 해당 이미지를 가져와서 다시 프론트한테 넘겨주고 OG 이미지가 없는 경우에는 사용자가 직접 이미지를 등록하거나 이미지를 등록하지 않으면 이미지 없이 띄우거나 빈이미지표시를 해서 띄운다.
      1. 빈 이미지일 경우 빈 사진 필요
   5. 내거에서 검색 / 전체에서 검색

4. 검색 페이지

   1. 검색한 목록
      1. 폴더랑 파일은 같이 나오는게 좋다 (수현님이 조금 고민해보시고 말씀해주심)
      2. 2차 스코프 : 레이아웃을 선택해서 여러 유형으로 검색할 수 있으면 좋을거 같다
         1. 페이징 X → 무한스크롤으로 생각중이시고 나중에 바뀔 수 있음
   2. 폴더나 게시물을 스크랩하기 눌러서 내 홈에 Shared Group에 담기게끔 해서 볼 수 있다.
   3. 팔로우한 계정 게시물

5. 마이 페이지

   1. 계정 정보 수정 (프로필 사진)
      1. 사진 수정할 수 있어야 함 → 직접
         1. 이미지가 없을경우 빈 사진 필요 → 캐릭터 사진 (4)개
      2. 닉네임 변경 가능해야 하고 → 중복 확인 되야함
      3. 패스워드 변경 가능해야 함
      4. 이메일 고정
   2. 계정 탈퇴
      1. 누르면 사라지기

   ---

   확인 팝업 / 취소확인 팝업

   온보딩 / 로그인 / 회원가입 / 메인페이지 / 검색페이지 / 마이페이지 6개