강좌 잘 보고 있습니다 선생님! 혹시나 저 같은 사람이 있을까 댓글 답니다. next.js 14 + typescript로 강좌를 보고 따라하는중에 리스트가 갱신이 안 되어 문제를 찾아보다가 router.refresh(); 문을 router.push 라인 아래로 옮기니 잘 작동이 되었습니다. 그리고 json-server 최근 버전에서는 id가 스트링형태로 랜덤하게 부여된다고 합니다.
고정 댓글 한번 참고 부탁드립니다. th-cam.com/video/jFjIBgjwuTc/w-d-xo.html&lc=UgzF88LHuZSu9iS6ZVJ4AaABAg router.refresh()를 호출하는 코드가 누락 되었을 수 있습니다. 3:40초 부분에 코드가 나옵니다.
수업내에서 갑자기 등장한 router.refresh()는 서버 컴포넌트를 강제로 다시 랜더링 하도록 하는 기능입니다.
이 함수를 호출하지 않으면 서버의 데이터를 변경했음에도 서버 컴포넌트가 그대로 입니다.
페이지 새로 고침하는 걸까요??
새로고침 없이. 변경된 부분만 변경 시키면 성능이 더 좋을거 같은데 ... 다른 방법이 있을 까요?
@@Dreamain1102새로고침과 랜더링은 다른 개념입니다.
새로고침은 말대로 웹 페이지를 껐다키는거고요.
랜더링은 현재 웹 페이지 요소들을 실시간으로 다시 그리는 작업입니다.
router.push(`/read/${lastid}`);
router.refresh();
push하고 난 후에 refresh해주니깐 목록이 바로 뜨네요
강좌 잘 보고 있습니다 선생님! 혹시나 저 같은 사람이 있을까 댓글 답니다. next.js 14 + typescript로 강좌를 보고 따라하는중에 리스트가 갱신이 안 되어 문제를 찾아보다가 router.refresh(); 문을 router.push 라인 아래로 옮기니 잘 작동이 되었습니다. 그리고 json-server 최근 버전에서는 id가 스트링형태로 랜덤하게 부여된다고 합니다.
npm run dev 에서 hit miss 관련 로그는 안나오는 문제는 뭘까요...
초심을잊지않게해주는
영상그대로 따라오고있는데요 refresh를 넣어도 Create했을때 바로 리스트에 생성되지 않습니다
+ push이후 refresh해주는 방식으로 수정하니 해결됐습니다
좋은 강좌 감사합니다
터미널 log 출력 메시지가 일반적인 메시지가 아닌데 어떤 도구를 설치하신건가요?
콘솔에 nextjs 14에서 fetch 디버깅 키는 방법 공유드려요.
// next.config.mjs
module.exports = {
logging: {
fetches: {
fullUrl: true,
},
},
}
터미널에 출력되는 로그레벨은 어디에서 설정하나요? ㅜ
3:40 router.refresh() 가 설명없이 짠 하고 생겼어용. 간단하게 생코님 방식으로 설명 가능하실까요?
('서버 컴포넌트를 refresh 하기 전에~ ' 라고는 살짝 언급하셨는데 왜? 에 대한건 흠.. 없어도 동작을 잘 하지 않는지요?)
th-cam.com/video/jFjIBgjwuTc/w-d-xo.html&lc=UgzF88LHuZSu9iS6ZVJ4AaABAg
고정 댓글로 해당 api의 용도를 적어두었습니다!
혹시 reload를 해도 터미널 창에 'GET /read/5 200 in 252ms'이 부분이 출력이 안 될 때는 무엇이 문제일까요?
고정 댓글 한번 참고 부탁드립니다.
th-cam.com/video/jFjIBgjwuTc/w-d-xo.html&lc=UgzF88LHuZSu9iS6ZVJ4AaABAg
router.refresh()를 호출하는 코드가 누락 되었을 수 있습니다. 3:40초 부분에 코드가 나옵니다.
윈도우는 rm -rf 명령어를 사용할 수 없는데 윈도우명령어 알 수 있을까요
저도 윈도우에서 하고있는데 터미널에 rm만 치니까 매개변수 입력하는 인풋이 떠서 해당 폴더 입력했더니 지워졌어요
• 윈도우 Command Prompt: .next 디렉토리를 삭제하려면 rmdir /s /q .next 명령을 사용하세요.
• 윈도우 PowerShell: .next 디렉토리를 삭제하려면 Remove-Item -Recurse -Force .next 명령을 사용하세요.