getStaticProps.tsx 의 회색 표시
해결됨
Next.js 시작하기(feat. 지도 서비스 개발)
안녕하세요! 현재 강의 내용을 따라 학습을 재밌게 진행하고 있습니다. 회색 네모난 표시의 정체를 알 수 있을까요 ??? data 옆에 있는 ': number' (resolve) 옆에 있는 'executor:' 등등등 ...
- next.js
- ssr
- vercel
- csr
- Next.js
- csr
- vercel
- ssg
- ssg
- ssr
- seo
173만명의 커뮤니티!! 함께 토론해봐요.
해결됨
Next.js 시작하기(feat. 지도 서비스 개발)
안녕하세요! 현재 강의 내용을 따라 학습을 재밌게 진행하고 있습니다. 회색 네모난 표시의 정체를 알 수 있을까요 ??? data 옆에 있는 ': number' (resolve) 옆에 있는 'executor:' 등등등 ...
미해결
스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술
restAPI를 사용해서 백엔드가 프론트로 json파일만 보내주면 그거가지고 프론트에서 react 써서 데이터를 화면에 보여주는 걸로 알고있는데 이러한 형태는 CSR로 데이터를 보내주는 형태일까요 ??
미해결
Nuxt.js 시작하기
사내 협업을 위한 인하우스 앱도 nuxt로 새로 개발하려 합니다. 문제는 파편화된 기존 백엔드와(대부분 REST API, 최근 몇개는 웹소켓) 지금까지 사용하던 Django (HTML 템플릿 + jQuery) 서비스에 최신 프론트엔드를 붙여야 하는 상황입니다. 그러다 보니 SSG 아니면 CSR 밖에 선택지가 없는데, https://nuxtjs.org/docs/concepts/static-site-generation/ 에서 generate.exclude 옵션을 사용한 뒤 nuxt generate로 정적 사이트를 생성하면 해당 경로는 CSR로 된다는 것을 읽었습니다. 이 기능을 사용하고 싶어 검색 후 다음과 같은 게시물을 확인하였습니다. https://stackoverflow.com/questions/68837954/how-do-dynamic-api-calls-work-in-nuxt-js-static-vs-ssr-mode https://www.reddit.com/r/Nuxt/comments/ndn2vz/comment/gybtj55/ 위 두 글에서 링크한 nuxt 블로그 게시물( https://nuxtjs.org/announcements/going-full-static/#crazy-fast-static-applications )을 확인하니, nuxt 2.14 버전 이후로는 target: 'static'인 상태에서 nuxt generate를 실행 시 클라이언트 사이드 내비게이션에서의 asyncData와 fetch를 모사하기 위해서 HTML을 사전 렌더링할 때 페이로드 파일을 저장한다고 하고 있습니다. this means no more HTTP calls to your API on client-side navigation. 즉 SSG 모드를 켜면 더 이상 API에서 값을 가져오는 것이 아닌 generate 할 때의 API 값을 저장해 하나의 html로 만들어버린다는 것인데, 혹시 이 옵션을 끄고 SSG와 SSR, CSR 모두 동일하게 페이지 진입 시 API에서 새 값을 받아올 수 있게 하는 법이 있을까요? API에서 값을 받아오고 싶으면 무조건 exlcude에 경로를 추가해 CSR로 돌려야 하나요?
해결됨
[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요 제로초님 강의 정말 잘 듣고 있습니다. [내 로그인 정보 매번 불러오기] 강의 파트에서 애초부터 서버에서 데이터를 받아올 때 로그인이 되어 있게 하려면 서버 사이드 렌더링(SSR)을 해주어야 한다고 말씀해주셨는데 그렇다면 CSR로 react-nodejs에서는 아예 불가능한 부분인가요?
미해결
[리뉴얼] React로 NodeBird SNS 만들기
초기 로딩할 때 SSR 방식으로 불러오면 UX 관점에서 어떤 이유로든 혹시나 로딩이 오래걸릴 경우 로딩 화면조차 안나오면 사용자들의 이탈률이 CSR보다 높지 않나요?