리덕스 관리 (리팩토링) #116
Merged
리덕스 관리 (리팩토링) #116
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- token 불러오기 - setting => 중요 정보 상수값 설정 - queryData 쓰임 수정
- Start 파일에 작성하지 않고 index파일에 모든 코드를 넣는걸로 수정
- Signup, RegisterFormBox 파일에 작성하지 않고 index파일에 모든 코드를 넣는걸로 수정 - dispatch는 모두 커스텀 hooks로 관리하도록 바꿈 - LoginSignup.scss 폰트 파일 경로 http:// schem 추가
- Login, LoginFormBox 파일에 작성하지 않고 index파일에 모든 코드를 넣는걸로 수정 - dispatch는 모두 커스텀 hooks로 관리하도록 바꿈
- ValidationMessage 파일에 작성하지 않고 index파일에 모든 코드를 넣는걸로 수정
- 이용약관 동의 모달 - Alert 모달 추상화
- 프리티어 세팅 - babel/preset-env 크롬버전 조정
- createReducer로 교체 - 모달이름을 관리하여 모달 어떤거를 쓰고 있는지 한 눈에 알 수 있도록 따로 constants 파일에 관리하도록 설정함 - reducer로 분리하여 index에는 모든 기능을 추가하도록 => 컴포넌트에서 한번에 가져올 때 유용하다고 생각 - useDialog 프리티어 적용
- createReducer로 교체 - reducer로 분리하여 index에는 모든 기능을 추가하도록 => 컴포넌트에서 한번에 가져올 때 유용하다고 생각 - 컴포넌트 모듈 import 네임 수정
- OAuth를 컴포넌트에서 관리하지 않고 모듈화하여 따로 관리 - promise로 리턴하도록 교체 - chrome 모듈이 없다면 reject로 던짐
- reducer 이름까지 관리하도록 함 - api는 export하지 않음 - createSelector를 사용하여 reselect 관리 - useUserData 단일 불러오는 프로세스 훅스 추가
- 이용약관 버튼 글자 수정할 수 있게 props도 추가 - 프로필 정보 불러오기 카드 컴포넌트 구성 - modules/user 훅스로 데이터 관리
- 이미 http Axios 세팅에서 로그인 해야할 경우 flow를 설정해 둔 상태 - 즉, check api를 사용을 미리 안 해도 되는 구조 - 로컬 정보에 토큰이 있는지만 검사하면 로그인 되어있는지 체크할 수 있음
- 알람을 위한 websocket 클래스 화 - 싱글 패턴으로 인스턴스화한 alarmSocket을 사용하도록 하여 인스턴스 캐시 역할을 함 - 모듈 어디서든 자유롭게 같은 클래스로 데이터를 주고 받을 수 있는 장점 - 알람 소켓 연결 후 redux-saga에서 flow를 정함 - useAlarmNoticeConnection을 만들어 connection, onmessage, onerror설정함
…frontend into feature/categoryAppBar
…frontend into feature/dev.2.0.0
…V/urLink-frontend into feature/dev.2.0.0
- ListItem, GroupName 형식
- history => callback 패턴 대신 promise 패턴으로 바꿈 - callback 패턴은 @depreacted - 컴포넌트에서 구현한 create tab을 모듈로 따로 관리
- input 포함된 버튼
- useHistoryLink 추가
- history 링크 드래그할 때 대체 컴포넌트
- drag, dropzones 추가 - drag할 때, 정보들 리덕스로 관리하기 - dropzone 컴포넌트가 분리되어 있을 때, dropzones 리덕스 정보로 관리 - dialog와 유사
…ntend into feature/history
- HistoryList -> DragableHistoryList로 폴더 변경 - infinity scroll, reload(debounce) 버튼 적용 - Drag, Drop, DropZone, DragBox 조건 설정 - HistoryPage는 사용하는곳이 없으므로 삭제
- 하단에 스크롤 올려주는 버튼
- DragHistoryList 관련 컴폰넌트 적용 - dark 모드 설정 완료
- ScrollUpButton 추가 - ScrollUpButton, DragBox 부모 안에 absoulte로 설정 - useOutsiderAlerter prettier 정리
- Redux에서 LINK_DROP_ZONE을 옵저버 형태로 주시하여 노출/비노출 설정
- DragHistoryList 추가 - Drawer 할 때 DragHistoryList를 historyLink 리로드 - 만약 scroll이 top 0으로 되어야 한다면, HistoryList에 reload 옵션 파라미터 추가 - DragHistoryList header bottom padding 추가
- alias @hooks 추가 - manifest font load acess - Material CssBaseline으로 css reset - Login, Singup main-layout 배경색 수정
- global하게 다루는 css는 처리 - 카테고리 리스트 아직처리 못함
yjkwon07
added
enhancement
Merged
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
리덕스 관리 (리팩토링)
파일 구조 변경
page안에 컴포넌트 구성하는 방식탑-다운하는 방식components폴더에서는 재 사용되는 컴포넌트를 모아둔다.modules리덕스 관리하는 폴더hooks폴더에 관리queryInfoData로 API 사용되는LINK,METHOD,PARAMETER정보들을 관리reducer파일에서 리듀서 관리 현재toolkit으로 관리saga에서 서버 통신 관리helpers파일로 반복되는 패턴 줄임폰트
SpoqaHanSansNeo로 메인으로 정함font.scss를 만들어 한곳에서 font 관리하도록 함mainfest에서 폰트 불러오는 access 설정 추가styleGuide
CssBaseline설정createMuiTheme에서 관리함@global관리는 신중하게 사용chromeApis
history,OAuth,tab모두 모듈로 관리prettierrc, package(alias) 세팅
web Socket
로그인 유지 깜빡이는 이슈
http/clientAxios 세팅에서 로그인 해야할 경우 flow를 설정해 둔 상태modules/ui
Toast,Dialog,Drag,DropZone데이터 관리constants파일로 모달을 띄어야 할 때 정확한 이름을 위해 상수화 하여 데이터 관리components/modals
category/AppBar/DragHistoryList
category/AppBar/AlarmList
읽음,알림 상태에 따라 달라지는 뷰 다시 디자인