사용자는 chrome extension으로 개발 링크를 등록할 수 있다.

[daadaadaah]

어떻게 할 것인가

• 구글 크롬 익스텐션으로 구현해볼 예정이다.

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

참고할 만한 자료는 있는가

• (찾아볼 예정)

[wholemann]

오호 크롬 익스텐션으로 스크랩 기능을ㅎㅎ