v.1.3.1

기능 추가

✨ 크롬 북마크로 유어링크 데이터 마이그레이션 하는 기능 추가 (#205)

v.1.3.0

스타일 수정

💄 링크카드 스켈레톤 반영, 링크카테고리 없을때 보여주는 화면 반영 (#202)
💄 앱바/링크 헤더 스타일 수정 및 기능 리뉴얼 (#201)
💄 카테고리 영역 디자인 및 기능 리뉴얼 (#199)
💄 링크 카드, 링크 메인 영역 스타일 반영 (#200)

core 업데이트

🎉 React v17, mui 업그레이드, Webpack 최적화 (#195)

v.1.2.2

기능 추가

• 팝업 GA 추가

v.1.2.1

기능 추가

• 구글애널리틱스 추가

버그 해결

• 구글 OAuth 요청 모달에서 중도 닫을 때도 api 요청 현상 발생 해결
• 검색결과 없을 때, 검색바가 사라지지 않도록 수정

menifest

• permissions tabs 제거

v.1.2.0

기능추가

• 유어링크 팝업 버튼에서 카테고리 생성

  • 유어링크 페이지에 들어가지 않고 팝업만으로 링크 저장부터 정리까지 모두 가능해짐

• 방문기록 검색기능을 추가

  • 내 과거의 방문기록을 주소이름 또는 날짜 검색으로 검색 범위 지정 가능
  • 자동 검색(debounce) 지원

기능개선

• 방문기록을 담고 기다리는 동안 링크 view 영역에 스켈레톤 UI 추가
• 카테고리 이름을 더 길게 작성 가능

버그해결

• 카드 링크 복사가 안되는 버그 해결
• 유어링크 팝업 링크 저장하기 버튼 클릭 계속하면 여러 번 저장되는 버그 해결
• 내가 받은 알림에서 삭제를 요청해도 없어지지 않던 버그 해결
• 카테고리를 모두 지웠는데, 링크 카드가 남아있던 버그 해결
• 카테고리가 없거나, 선택하지 않은 경우 방문기록 드래그앤드랍 버그 해결

v.1.1.4

버그 해결

• 드롭존에 드래그 드랍 안되던 이슈 해결

v.1.1.3

버그 해결

• Redux에서 여러차례 연속적으로 상태조작할 경우 성능 저하 발생하는 이슈 해결

v.1.1.1

추가사항

• 크롬 알림 추가

🗂 Component Architecture

• eslint + prettier code convention

  • 코드 스타일 통일

• Git flow

  • 깃 전략을 통해 브런치 히스토리 버전관리가 가능

• 폴더 구조

  • 컴포넌트 분리 스타일을 통일하여 CategoryList, linkList, AppBar영역을 명확하게 나눔
    
    ✨ 협업에서 일어나는 code conflict 현상을 줄여줌

  • Container + Component 구조에서 hooks(redux) + Component 구조로 변경
    
    ✨ Container에서 코드 길이가 방대해짐을 hooks를 사용하여 모듈 관리로 코드 길이를 줄 일 수 있었음

• modules(redux) code convention

  • state를 내리는 구조로 설계되어 props drilling 현상이 일어나 하나의 컴포넌트에서 의존성 결합이 많이 되었음
    
    ✨ redux 관리로 전역 상태 관리를 통해 컴포넌트간의 의존성 관계를 줄여줌
  • ContextAPI ➡ redux + redux-thunk + redux-saga
    
    ✨ Provider를 여러개로 만들어 내리는 구조보다 하나의 Redux Provider로 useSelector, useDispatch 하는것이 더 코드가 깔끔하고 hooks 와 state 메모제이션이 되어 선택
  • API 통신을 모듈화하여 컴포넌트와 서버 통신(redux-saga)의 관심사 분리
    
    ✨ 컴포넌트는 dispatch로 api 통신을 하고 api 통신 내용은 redux-saga로 관리

• 로그인 유지

  • 캐시로 저장된 토큰유무에따라 로그인 유지 결정하여 페이지 깜빡이는 현상 없앰

• chromeApis 모듈화

  • development에서는 chrome api가 지원 되지 않으므로 Promise 혹은 분기 로 development와 production 모드에 따라 값을 다르게 리턴
    
    ✨ 컴포넌트의 관심사 분리가 가능해짐

• webpack(craco)

  • package.json에서 babel과 webpack 오버라이드를 craco를 사용하여 한곳에서 관리하도록 설정
  • single point 에서 multiEntry point로 변경하여 popup + background + main 3개의 프로젝트를 한 번에 빌드 할 수 있게 설정
    
    ✨ 개발 유지보수 효율 높임
  • BundleAnalyzerPlugin 추가
    
    ✨ 번들링 크기 최적화 할때 그래픽으로 확인

v.1.0.0

main

• startPage: urLink 설명
• LoginPage: 구글 OAuth, chrome extenstion token 생성기능 추가
• SignupPage: 구글 OAuth, chrome extenstion token 생성기능 추가
• CategoryPage: Drag&Drop 기능

Drag & Drop 기능

• historyList, CategoryList

CategoryPage layout

• category: Drag&Drop으로 순서 위치 바꿈 및 Favorite기능으로 최상단 위치 노출 기능
• LinkList: 카테고리에 담긴 정보 조회, Favorite기능으로 원하는 정보 최상단 위치 노출, 알람 시간 설정 기능
• AppBar: 검색기록 조회(Drawer), LinkList에서 설정한 알람 확인(popover), 회원 정보 조회(popover)

popup

• 현재 탭에 있는 사이트 정보 저장