프로젝트 질문

Q. 질문을 작성해 주세요.

• 다크모드는 어떻게 관리할지 고민해봤는지

• 메인 > Notification 아이콘에 수신한 알림숫자도 보여줄것인가요?

• Nav에 온라인접속자-오프라인 접속자가 계속 보이는데, 주기적으로 api를 풀링해서 숫자를 계속 리프레시하는 형태인가요?

• 피씨, 모바일 버전 두개를 모두 준비하시는건가요? ㄴ 그렇다면 두가지 디자인이 모두 준비되어야할것이고, 반응형에 맞는 디자인이 되어야할텐데요.

• 제공되는 API로 소셜로그인 인증이 가능하나요?

• 게시글 상세 > 이 게시글에 내가 투표를 했었는지 여부는 어떻게 알 수 있나요? ㄴ 이 투표에 투표한 모든 유저의 ID 혹은 ID+선택한 투표에 대한 데이터를 커스텀 리스폰스로 제공받는 형태라면 네트워크탭을 확인하는것으로 누가 어디에 투표했는지 알수있겠다라는 생각이 드네요.

• 화면구상도
• 노닥노닥 화면에서 시작하기 버튼을 누르면 어디로 이동하는건지 불명확합니다.
• 로그인/회원가입 실패의 원인에대해 유저에게 얼럿/노티를 어떻게 제공할지에대한 화면정의가 없습니다.
• 유저의 게시글이 없을때 노출할 문구나 uI정의또한 있으면 좋겠네요.
• 프로필 수정화면 UI가 안보입니
• 온라인/오프라인 인원이 각각 200명일때, 혹은 온라인이 0명일때 해당 영역은 어떻게 그려질지 정의가 없습니다.
• 투표하기/결과보기 버튼을 눌렀을때 해당 버튼의 색깔이 어떻게 바뀌는지 구분이 없습니다.
• 게시글을 작성할때 투표 선택지를 어떻게 추가하는지, 투표 선택지의 문자열은 어떻게 선택하고 수정하는지, 기존 투표선택지를 어떻게 삭제하는지 등의 화면정의가 없습니다.

A. 멘토님 작성 영역

1. 다크모드는 User데이터에 API보낼때 객체형태로 추가해줄까 고민하고있습니다.
• 로그인하면 USER데이터에서 다크모드를 꺼내와서 관리할 수 있도록이요 !

2. Notification 아이콘에 수신되어있는 알림숫자를 보여주려고 생각하고있습니다.
• 다만 Notification 을 실시간으로 계속 렌더링 할 수 있는지에 대한 해결을 하지못해서 일단 초기렌더링값은 보여주고 이후에 렌더링 주기에 대해 고민해봐야할 것 같습니다 !

3. 네 일단은 실시간데이터를 보여주기는 불가능하다고 생각해서 주기적인 API요청을 통해 화면을 업데이트 해주자 라고 이야기 나눴습니다.

4. 일단은 Web Mobile 버전을 둘다 준비는 하고있습니다. -
• 시간적으로 여유가 된다면 진행할 것 같습니다.
• Web디자인은 모두나온상태이고 Mobile은 지호님이 조금씩 디자인하시고게신것으로 알고있습니다

5. 구현하게 된다면 외부 API를 끌어와서 구현해야 할 것 같습니다

6. 게시글상세 → 투표여부에 대한 데이터는 생각을 아직 못해봤습니다.
현재 생각하고 있는 구현체계는

const commentValue = {
	type = "vote"
	voteArray = ["1", "2", "3", "4"]
	content= "1"
	postId : string
}

const commentValue = {
	type = "comment",
	voteArray = ["1", "2", "3", "4"]
	content = "~~~~"
	postId : string
}

const response : commentValue[]

const voteComment = [] // type = "vote" 객체
const commentComment = [] // type = "comment" 객체

 
이렇게 작성해서 commentValue[] 로 배열로 전달받아서 type별로 분류하고 데이터 구분해서 화면에 보여주려고 했습니다.
 
그래서 일단은 comment는 삭제가 가능하지만 vote는 재투표가 불가능하게 해야겠다. 라고만 생각했고 이미 해당 post에 투표를 완료했는지는 생각을 한번 해봐야 할 것 같습니다
• 응답데이터에 대한 생각을 못해봤는데.. 이건 고민을 한번 해봐야 할 것 같습니다. comment말고는 투표기능을 추가할만한 커스텀데이터를 찾지못해서 일단은 comment에 추가했는데 문제가 생길 수 있겠군요..
추가적으로 궁금한점이 있어서 같이 남겨놓습니다 !!
 
• TS-React에서 props의 상태를 변경해주지 않는경우라면 readonly를 모두 선언해줘야하는게 옳은방향인가요?? readonly가 너무많아질것 같아서 남겨놓습니다.

화면구상

• 노닥노닥 화면에서 시작하기 버튼을 누르면 어디로 이동하는건지 불명확합니다.
• Main페이지로 이동하게 됩니다. 프로토타입으로 확인하셨다면 디자인 하며 위치 가이드를 잡기 위해 확인용 제작이고, 이 외에는 화살표 등으로 이동하는 방향 체크해두겠습니다.

• 로그인/회원가입 실패의 원인에대해 유저에게 얼럿/노티를 어떻게 제공할지에대한 화면정의가 없습니다.
• 제공받은 API에서 아이디는 이메일형태, 비밀번호는 어떠한 로직이다, 비밀번호가 틀렸을때의 response
• 와 같은 정보가 없어서 화면 구상을 끝내놓고 로직을 추가하면서 이후 화면에 대한 정의를 해주려고했는데 추가해보겠습니다.

• 유저의 게시글이 없을때 노출할 문구나 uI정의또한 있으면 좋겠네요.
• 유저페이지에서 나의 게시글이 없을 때 노출할 문구가 맞을까요?

• 프로필 수정화면 UI가 안보입니
• 이부분은 제가 기획하면서 놓친것 같습니다 추가해보겠습니다,

• 온라인/오프라인 인원이 각각 200명일때, 혹은 온라인이 0명일때 해당 영역은 어떻게 그려질지 정의가 없습니다.
• 0명일때는 별도의 영역을 그리기보단 (avatar-Username)블럭이 없는 형태로 구현하고자 했습니다.
• 200명일때는 인원이 너무 많으니 고민해봐야 할 것 같습니다.

• 투표하기/결과보기 버튼을 눌렀을때 해당 버튼의 색깔이 어떻게 바뀌는지 구분이 없습니다.
• 현재 구상은 focus, Click , Hover했을 때 모두 같은색으로 변화를주려고 하고 추가적으로 화면에 그려놓도록 하겠습니다. 디자인 시스템 내에서는 5가지로 분리했는데, 코드화하면서 길어지고 있어 축소하는 방향으로 진행하게 되었습니다.

• 게시글을 작성할때 투표 선택지를 어떻게 추가하는지, 투표 선택지의 문자열은 어떻게 선택하고 수정하는지, 기존 투표선택지를 어떻게 삭제하는지 등의 화면정의가 없습니다.
• 이부분도 제가 기획하면서 놓쳐서 화면구상에 추가되어있지 않습니다.
• 추가적으로 의견조율해서 넣어놓도록 하겠습니다