Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Develop #42

Merged
merged 148 commits into from
Aug 27, 2023
Merged

Develop #42

merged 148 commits into from
Aug 27, 2023

Conversation

narinn-star
Copy link
Collaborator

beta

narinn-star and others added 30 commits May 19, 2023 21:52
Nav 위치, NavList, NavItem, NavLink 작성
MyPage에서 SideBar, Profile은 고정, 우측 하단만 SideNav 링크에 맞게 렌더링하도록 중첩 라우팅 적용
- 하위 페이지 (My Post, Like, Logout, 탈퇴) 구성
- SideNav Design Modified
- hover 속성 추가
- react-router-dom _ NavLink a.active 속성 추가
  - 페이지 활성화 시 style 변경
Text 이외의 부분 클릭 가능하도록 수정중
- AccessToken, RefreshToken 받기
- client.tsx : setRefreshToken, setAccessToken
  - refresh_cookie, access_local
- Cookies.tsx : setCookie, getCookie, removeCookie
- login 후 Redirect
- MainPage LoginButton 배치
- MainLayout Branch에서 마저 작업 예정
- ReadMe _ Framer AnimatePresence
- Rank _ Tab Bar
- Header _ daisy custom theme
- MainScrollHeader : ReadMe, Rank _ TabBar
- MainScroll : Framer AnimatePresence
  - motion.div position modified
  - Backdrop : Recoil으로 전역 상태 지정 후 Main에서 렌더링
- 수평 중앙정렬 _ 부모 div : flex, justify-center 적용
- Backdrop opacity 추가
- active 페이지 NavLink로 css 적용
  - Nav.css 재사용
- import react 오류
  - .eslintrc.json modified
- useInfinite hooks
- 글쓰기 및 사용자 정보 fetch 후 개발 예정
- authAtom 생성
  - Main 열 때 localStorage의 accessToken 여부 확인 후 setAuth
  - 로그인 시 Mypage Btn, 로그인 되어있지 않을 시 Login Btn 활성화
- fetchUser _ user 정보 가져오기 (CORS ERROR), 수정중
  - react-query 적
- Logout _ localStorage token remove
- Redirect _ 로그용인 시 바로 Main으로 navigate
- Profile UI Modified
- Cookie값 secure true
- fetchUser header값 (headerConfig)
- refreshToken 만료 시 자동 Logout
  - interceptors 수정 : error -> 401error, localStorage.clear()
  - useAccess : 로그인 여부
  - useRefresh : 토큰 만료 여부
- useEffect -> fetchUser -> setAuth
  - get 호출을 한 번만 하도록 수정
- 기존의 authAtom -> accessAtom으로 수정
- fetchUser의 리턴 값을 authAtom에 저장
- AccessToken 만료 시 재발급 API 호출
  - axios interceptor 401 error
- Profile position
- Profile inner Design
- MyPage other Pages routing
- 특정 주소 접근 불가 에러
- webpack issue
  - index.tsx 파일에 publicPath 지정
  - index.html 파일에 <script> 추가
- SideNav, Profile fixed deleted
  - fixed해둘 시 겹침 문제
  - fixed 제거 후 문제 해결 완료
@narinn-star narinn-star self-assigned this Aug 27, 2023
@narinn-star narinn-star marked this pull request as draft August 27, 2023 16:42
@narinn-star narinn-star marked this pull request as ready for review August 27, 2023 16:43
@narinn-star narinn-star merged commit 47a4d99 into master Aug 27, 2023
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants