Studyyyyy

CSR (Client-Side Rendering)서버에서 미리 HTML을 생성하지 않고, 클라이언트의 브라우저에서 렌더링작동 방식 서버는 초기 HTML 파일과 JS 파일만 제공사용자의 브라우저는 JS파일을 받아 실행, 화면에 필요한 데이터를 서버에 요청해 페이지 구성장점필요한 부분만 새로 로딩하여 페이지 전환이 빠름 => 서버 부담 적음사용자와 상호작용이 많은 웹 어플리케이션에서 유리 => 인터랙티브한 사용자 경험단점HTML과 JS 파일을 모두 불러온 후 페이지가 렌더링되므로 초기 로딩이 길어짐 => 다운이 완료되기 전까지 화면에는 아무것도 나오지않는다.검색 엔진이 컨텐츠를 읽지 못해 SEO의 어려움React, Vue, Angular 등에서 사용하는 렌더링 방식SSR (Server-Side Renderi..

일단 배포는 완료됐다^0^ https://dbd-random-perks-kr.netlify.app/ 데바데 랜덤퍽KR dbd-random-perks-kr.netlify.app241020 수정아침 6시까지 배포하고 오류 없는것까지 확인하고잤는데 아침에 백엔드 친구가 오류떴다는 카톡을 보냈다.결국 toml 파일은 적용이 제대로 안되는건지 효과가 없었고, netlify.toml 파일은 삭제, _redirects 파일을 수정하여 고쳤다.고친건 _redirects 파일 하나뿐이 되었다. --------------------------------------------------------------------------------------------------------------------------------..

https://ehddud100677.tistory.com/397

https://blog.logrocket.com/add-pagination-next-js-app/

https://dev.to/codebucks/a-developers-guide-to-smooth-scrolling-and-parallax-in-nextjs-using-lenis-and-gsap-1j0 Implement Smooth Scrolling & Parallax Effect in Next.js using Lenis and GSAPIn an era where engaging and interactive web pages are the norm, understanding and implementing...dev.to 자사 사이트를 만들 때 부드러운 스크롤을 적용하고싶어 사용해봤는데 잘 된다.근데 최근에 알게된건데 이걸 사용해서 그런지 일부 컴퓨터에서 버벅임이 발생하는듯..?내 자리에 있는 컴퓨터가 사양..

update node and next latest version.npm uninstall nextnpm install nextnpm run buildnpm run start

https://sirong.tistory.com/38

https://jforj.tistory.com/196