inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Chuỗi bài học về Node và React để học bằng cách làm theo - Tạo trang Reddit (NextJS) (Bộ định tuyến trang)

Tạo chức năng trang đăng ký thành viên (2)

회원가입 누르면 404에러가 뜹니다 ;-;

419

laonjay1886

4 câu hỏi đã được viết

1

안녕하세요 ;-;

회원가입 누르니 404에러가 뜹니다..

완성 코드랑 비교해서 봐도 똑같은데 어떤 문제인지 모르겠스빈다... next.js가 13이긴 합니다만 ;-; 그 이유 일까요?..

 

어디를 살펴보면 될까요?;-;

스크린샷 2023-11-19 오전 12.36.34.png

react node.js postgresql docker typescript 클론코딩 next.js

Câu trả lời 1

1

John Ahn

안녕하세요 ~

NextJS 버전과는 상관이 없습니다 ~
똑같은 Pages folder(Pages Router)를 사용하기에 전혀 차이가 없습니다.
현재 보면 3000번으로 요청을 보내고 계신데 서버가 4000번에 떠있다면 4000번으로 요청을 보내주셔야 합니다.

.env 부분에 이 부분을 생략하셨거나
NEXT_PUBLIC_SERVER_BASE_URL=http://localhost:4000

_app.tsx
부분에
Axios.defaults.baseURL = process.env.NEXT_PUBLIC_SERVER_BASE_URL + "/api"; Axios.defaults.withCredentials = true;
이 부분을 생략하신 것 같습니다.

감사합니다.

0

laonjay1886

안녕하세요, 선생님 ;-; 주말에도 답변주셔서 감사합니다!!!

말씀주신 부분을 다시 체크해보았는데요..!!;-; 다 잘 설정되어 있는 것 같은데, 제가 체크한 곳이 아닌가요?...!

서버는 4000인 것을 확인하였습니다!;-;

 

  1. client/app/layout.tsx
    image

  2. client/.env


    image

흑 도움 부탁드립니다...!!

1

John Ahn

아 그렇군요! 혹시 저장소에 올린 다음에 저장소 주소 좀 올려주실 수 있을까요??!!

0

laonjay1886

안녕하세요, 선생님 ;-; 저장소에 올려보았습니다...!!

https://github.com/jindory/redditClone

 

감사합니다...!!!

1

John Ahn

장진님 안녕하세요!
아 소스 코드를 보니깐 app 폴더에서 시작하셨네요~!
app folder => app router 사용 , pages folder => pages router 사용

이 되게 됩니다.

제가 이 부분을 빨리 수정했었어야했는데 강의 보시면
Section 2 -1 NextJS Typescript를 이용한 프론트엔드 구현하기
이 강의를 제가 새롭게 올려 놓았어요 ~ 이거 보고 리액트 앱 생성을 다시 해주시겠어요?!!

이렇게 하면 pages folder (pages router)를 이용해서 앱을 생성할수있게 됩니다 ~

0

laonjay1886

안녕하세요, 선생님!!

앗, 제가 꼼꼼히 봤어야했는뎃!! 그런 사실이ㅎ-ㅎ!; 감사합니다!!!!!

toJson을 추가하면 [sub].tsx에서 sub를 받아오지 못합니다.

0

115

2

쿠키 저장이 되지 않습니다.

0

222

1

AxiosError {message: 'Request failed with status code 401/500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', (2)

0

579

1

AxiosError {message: 'Request failed with status code 401/500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE',

0

646

1

overload 에러

0

167

1

docker compose up 오류

0

206

1

부록) remark 강의 중 parmas 오류

0

139

1

3000번은 잘 들어가지는데 80번은 안됩니다.

1

292

0

커뮤니티를 올리고 난 후 404 page

0

209

1

tailwind css 문제인지, className 에 적용한 css가 적용되지 않아요.

0

1039

2

tsx 수정 시 마다 빌드 후 서버 시작 해야하나요?

0

650

2

useState 쳤을 때 자동완성 되는 단축키 무엇인가요? extention 인가요?

0

803

2

리액트 서버 npm run dev 와 npm run build 후 npm start 의 차이

0

4577

2

data 폴더가 생성되지 않아요.

0

523

1

docker-compose up 오류

0

813

1

회원 가입 페이지 기능 생성(3) 중 에러

0

378

2

Entity에 toJSON 코드 입력 후 404 에러

0

252

1

context에서 useEffect 선언 부분 질문 있어요.

0

294

1

src 폴더구조

0

508

2

서버 실행 시 에러 관련하여 답변받고 1차 조치했는데 여전하여서 질문 남깁니다

0

297

1

엔티티 모두 작성 후 서버 실행 시 에러가 발생합니다

0

309

1

nextjs버젼에 대해서 질문드립니다.

0

371

1

<npm run dev>시 -61 에러가 나타납니다!

0

352

1

docker-compose.yml 은 왜 루트에 하나염

0

323

1