익스텐션 개발 계획

[bowbowbow]

논의 할 것

1) 익스텐션에서 의견 다는 부분 어떻게 보여줄지? 2) 익스텐션에서, 로그인해야 특정 UI 보여줄지? 3) 익스텐션 개발할부분 나누기 4) 페이지 요약 부분 UI 를 어떻게 보여줄 것인가?

[bowbowbow]

1) 익스텐션에서 의견을 다는 부분 보여줄 UI

의견이 이 사이트에 달려있을 때 오른쪽 위 익스텐션 아이콘 위에 숫자가 표시된다.

오른쪽 위 익스텐션 아이콘 클릭 시

2) 로그인 안 했을 때 보여줄 UI

로그인 하지 않았을 때도 댓글을 볼 수 있다. 댓글 작성하려고 했을 때 로그인이 필요하므로 댓글 작성 버튼 클릭 시 로그인 화면으로 연결한다.

3) 개발 할 부분 나누기

<익스텐션과 리액트 셋팅> - 승원

• menifest.json 설정
• 크롬익스텐션 디렉토리 구성
• 웹팩 설정
• 리액트 디렉토리 구성
• npm 패키지.json 셋팅
• sass 셋팅

<의견 리스트 보여주기> - 승원

• 작성자 보여주기
• 더보기, 페이지네이션
• 답글보여주기
• 서식 텍스트 렌더링해서 보여주기
• 평가하기 UI와 기능

<의견 남기기> - 현진

• 의견 남기는 UI와 기능
• 답글 남기기 UI와 기능

<로그인> - 재욱

• 구글로그인, 페이스북 로그인 연동
• 로그인 UI
• access token, refresh token 관리

<알림> - 재욱

• 서버에서 푸시 보내기
• 클라이언트에서 푸시 받기
• 알림 보여주는 UI
• 알림 읽음처리

<오른쪽 바 browser action> - 현진

• UI온오프처리
• 의견 개수 카운트 뱃지
• 드래그 했을 때 오른쪽 뱃지에 뜨는거

4) 페이지 요약을 보여줄 UI

썸네일, 타이틀, 디스크립션을 카드 형태로 보여준다.