인프런 커뮤니티 질문&답변

전경환님의 프로필 이미지

작성한 질문수

코드로 배우는 React with 스프링부트 API서버

동적페이지 이동

동적페이이지 이동, 8강 10분56초에서 허공에 클릭하시는데 페이지가 이동하는것 같은데요...

24.01.08 18:51 작성

·

183

·

수정됨

0

 

8강 10분56초에서 하늘색 허공에 클릭하시는데 페이지가 이동하는것 같은데요. 어떻게 하신것인지 궁금해서 질문드립니다.

 

글자를 클릭해야 하는것 아닌가요? 근데 영상에서 동작은 또 잘되네요...?... 제가 잘 몰라서 이해를 잘못한걸까여?...

 

아래는 제 코드입니다..

답변 1

0

구멍가게코딩단님의 프로필 이미지
구멍가게코딩단
지식공유자

2024. 01. 08. 18:57

아.. ^^ 이건 동영상 녹화까지 같이 하니까 노트북이 반응이 느려서 그랬던 것 뿐입니다. 깜짝 놀랬네요^^

사랑2님의 프로필 이미지

2024. 09. 01. 21:28

안녕하세요. 저는 동일한 곳에서 http://localhost:3001/todo/read/13?page=3&size=20 상태에서 list를 클릭하면 다른 현상이 나옵니다.

image.pngimage.png

page와 size의 값이 유지가 되질 않습니다.

이 결과는 다운로드 받은 ch02_end 파일로 같은 실행을 해도 같은 결과가 나옵니다.

즉 값이 유지되지 않고 위 두번째 캡춰처럼의 결과가 나오네요.

왜 그런지 알수 있을까요?

감사합니다.

구멍가게코딩단님의 프로필 이미지
구멍가게코딩단
지식공유자

2024. 09. 02. 12:25

화면에서 List를 클릭한다는 의미는 1페이지를 보겠다는 것을 의미하기 때문에

위와 같이 동작하는 것이 맞습니다.

 

만일 page=13과 같이 쿼리 스트링이 있는 경우에만 13페이지를 보겠다는게 되기 때문에

그 경우에는 13이라는 숫자가 나오는게 맞습니다. 예를 들어 다른 사람이 링크를 줘서 이동하는 경우라고 생각하시면 첫 이미지처럼 되는 것이 맞고, 앱내에서의 리스트는 1페이지로 이동하는 방식입니다.