실전프로젝트
두번 째 회의! 그리고 프론트 파일명 정하기 EP.2
MotherCarGasoline
2022. 6. 29. 21:14
아침에 굿모닝 프론트 회의를 진행했다ㅎㅎ
컴포넌트와 폴더 이름명을 정하고 오후 전체회의에서 얘기해 볼
백엔드와 JWT 로그인시 Refresh 토큰까지 적용할 것인지.
디자이너님과는 기존 mvp에 있던 온보드 페이지를 뒤로 미루고 띄운다면 팝업이나 어느 페이지에서 띄울지 그리고 모달창 디자인 정도가 있고
다같이 만나서는 게시글 부분에서 타입 설정하고 우선순위를 어떤것부터 만들어둘지,
쓰기, 편집시 어떤 형태로 할지, 전체적인 상세기획 추가로 하고
폴더를 메인 관리페이지에서
공개,비공개 설정을 명확히 하나로 정해야한다.
그렇게 회의를 마친 결과는 이렇다.
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개