사용자는 chrome extension으로 개발 링크를 등록할 수 있다. #88
Description
어떻게 할 것인가
- 구글 크롬 익스텐션으로 구현해볼 예정이다.
TODO
- 사용자가 저장하기 클릭 후 loading UX 구현하기
- 현재 URL에서 og 데이터 가져오는 동안 loading UX 구현하기
- 태그 추가/삭제 기능 구현
- 로그아웃 기능
- Promise.race()를 이용해서 개발 링크 등록과 타임아웃 promise 구현하기
- Publish에 필요한 문구 작성
- 자동 회원가입
- 중복 URL 처리 정책 구상 (예 : https://ko.javascript.info/event-loop#ref-561 인 경우, #~ 이후 삭제 후 저장하기)
- 로그인 로직 : github 로그인 -> id 또는 email로 중복 검사 -> (신규회원이 경우, 회원정보(id, photoURL, email) 저장 후) 회원정보 보내주기
- URL : 정규표현식으로 유효성 검사하기
- Preview 로딩 중에 나오는 애니메이션 구현하기
- TagInt.css 대신 emotion 사용하기
- 헤더에서 프로필 사진 클릭했을 때, 메뉴 정리하기
- 코드 리팩터링 : 관심사 분리 및 중복 제거
- URL input 입력 안되는 문제 해결하기
- 검색 버튼 클릭시에도 preview 보여주기
- 웹 페이지 접속 링크 추가
- 추천 독자 선택 기능 구현
- devlink 아이콘 읽어야됨/읽었음 + 어디까지 읽었는지 + 나중에 들어왔을 때, 이전 읽은 위치로 이동하기
devlink 데이터 구조
extension으로 추가시,
addDevlink : id, UserId, createAt, tags, comment, targetReader, Url, img
addMyDevlink : devlinkId, UserId, private/public, createdAt
addMention: devlinkId, mentionUseId, mentionedUseId, createdAt
참고할 만한 자료는 있는가
- (찾아볼 예정)