Fe/#207 NextJS 마이그레이션 #278
Merged
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
TypeScript 사용 ESLint 사용 Tailwind CSS 사용 `src/` directory 사용 App Router 사용
globals.css 초기화(Tailwind css 세팅만 남김) page.tsx 초기화 MetaData 작성 필요없는 파일 제거 yarn 설치
폴더 네이밍 패키지 구조 설계
이미지, 폰트, lottie 애니메이션 복사
lotties.ts stacks.ts useDidMountEffect.ts
yarn add prettier -d package.json script 등록 yarn format:fix 실행
yarn add eslint-config-airbnb -d
yarn add eslint-config-airbnb-typescript
@typescript-eslint/eslint-plugin@^6.0.0
@typescript-eslint/parser@^6.0.0 -d
yarn add eslint-config-prettier -d
.eslint.json extends 추가
"react/react-in-jsx-scope": "off"
useDidMountEffect.ts 파일 react-hooks/exhaustive-deps 규칙 비활성화
yarn add recoil recoil 세팅용 recoilRootProvider 파일 생성 최상위 Layout.tsx child recoilRootProvider 포장
Fe/#204 NextJS 세팅
tsconfig include에 설정파일 추가
yarn add yup react-hook-form @hookform/resolvers
img 태그 => 'next/image'의 Image 컴포넌트로 변경 useNavigate=> useRouter axios => fetch alert => Error 객체로 공식문서 Error.js 코드 가져와서 넣음 eslint import/no-extraneous-dependencies off
13.5.1=>13.5.3
Eslint 의존성 배열 강제 규칙 제거(의도대로 동작 안함) img태그 => 'next/image'의 image 컴포넌트로 변경 useNavigate => useRouter axios => fetch alert => Error 객체 Error.js에 공식문서 기본 코드 삽입
useRecoilState => useRecoilValue
- Swiper 컴포넌트에서 사용하지 않는 리스너 함수 제거 - Swiper 컴포넌트에 Autoplay 기능 추가
Fe/#214 로그인 페이지 마이그레이션
Fe/#218 회원가입 페이지 마이그레이션
- API 호출 방식 변경 : axios -> fetch - useNavigate -> useRouter - react-query 사용을 위한 queryProvider 컴포넌트 생성
Layout.tsx를 Wrapping하는 방식으로 구현 PathName으로 예외처리 및 useEffect 의존성 배열 변수 할당
feat : NavBar 마이그레이션
res 체크 순서 수정 코드 가독성을 위한 URLSearchParams 객체 선언
- react quill -> toast ui 라이브러리 변경 - QuillWritten -> ToastViewer 이름 변경
팔로워, 팔로잉, 좋아요 누른 사람 모달 하나로 한번에 관리
쓴 글 목록 컴포넌트 화
fetch로 데이터 가져와 Map 함수로 WritedPost에 데이터 집어넘
Fe/#243 ReadingPage 및 GptModal, Reply, QuillWritten, ReadReply, ReadReReply, WritingReReply, PutReReply 컴포넌트 마이그레이션
Fe/#268 MyPage 마이그레이션 및 기능 구현
Closed
2 tasks
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.
🛠️ 변경사항
프론트엔드 프레임워크 React >> NextJS로 마이그레이션
☝️ 유의사항
👀 참고자료
https://nextjs.org/docs
❗체크리스트