[TIL] 24/02/02 Not-Found (App router에서 404 page 만들기)

오늘도 화이팅!

1.  Not-Found (App router에서 404 page 만들기)

app router에 대한 블로그 글은 별로 없어서 -_-

공식 사이트를 참조하는 편이 빠른 것 같다.

page router 에서는 page/404.js 로 구성했었고

https://nextjs.org/docs/pages/building-your-application/routing/custom-error

 

app router 에서는 app/not-found.tsx 로 구성하면 된단다. 끝~

https://nextjs.org/docs/app/api-reference/file-conventions/not-found

 

2. next Link & Router

next 에서 Link 를 쓰는 이유 

https://eun-jee.com/post/front-end/nextjs/02-link_component/#spa-%EC%8A%A4%ED%83%80%EC%9D%BC

 

router.replace 와 push 의 차이
https://soft91.tistory.com/97

---

프로젝트 진행 상황

✓ 각자  잔 에러 수정 및 리팩토링 진행 중

✓ 추가는 없이 끝내기를 목표로..

• 오늘 Main 배포 9 ~ 11차 반영 사항
• 알람 기능 적용 (보내는 부분 / 받는 부분 / 헤더 알람 UI)
• 프로젝트 및 인재풀 초기 데이터 SSR 구현
• 프로필 프로젝트 리스트 페이지 새고침시 사라지는 현상수정,소셜 로그인 데이터 추가시 복수로 추가되는 현상수정
• 헤더 로그아웃시 유저정보 날림 및 로그인시 보던 페이지로 이동
• 프로필 페이지 체크박스 CSS변경, 내프로젝트 초대하기 버튼 기능추가
• 메인 컴포넌트 분리 완료 , but 오른쪽 칼럼 클릭시 왼쪽 칼럼이미지 안뜨는 오류 해결해야함
• userId -> user로 전체 수정 및 내프로필에서 로그아웃시 홈화면
• 초대하기 : 이미 초대한 경우 버튼 비활성화 기능 및 스타일 지정
• redirectTo URL 배포주소도 가능하게 env로 변경
  
  이렇게 많이 넣고도 잔잔바리 남은게 너무 많다.

---

내 진행 상황 

오늘 한일

1. 에디터 페이지 예외처리

- 에디터 인원수 수동으로 적을때 100 이상적히는거 숫자 넘어가면 100으로 변경해주기 

- 에디터 입력안한 데이터 자세하게 얼럿 주기 ! + (커스텀 모달안했길래 적용)

2. write 페이지 URL로 접근하는거 막음 (컨펌창 취소,,전 메인으로 이미 감/ 확인시 로그인) 
  - 로컬스토리지 이용 밖에 답이 없는가 고민 중

3. 프로젝트 멤버스 테이블 - 한 프로젝트에  참여멤버 중복방지 (DB 변경)

ALTER TABLE project_members ADD CONSTRAINT unique_member UNIQUE (project_id, user_id);

4. 404 페이지 만들기