본문 바로가기

nextJS

(3)
개발자 관점에서 Next13 간단히 살펴보기 파이어십 형닙의 유투브 영상을 보고 정리한 내용입니다 : https://www.youtube.com/watch?v=_w0Ikk4JY7U 10월 26일에 NEXTj.js 13 버전이 발표되었는데요, 말 그대로 기존 튜토리얼들을 쓸모없게 만들 정도의 완벽한 멘탈 모델의 전환입니다. 우리는 새로운 패러다임을 받아들일 시간이 되었습니다. ... JS와 프레임워크 악몽만 빼고요. Turbopack 웹팩 개발자가 vercel에서 러스트로 작성했으며 중복 연산을 방지해주는 터보레포 솔루션과 결합하여 웹팩보다 700배, vite보다 10배 빠르답니다. 에반 유는 어느정도 패배를 승복하는 느낌입니다. vite를 많이 써본건 아니지만 HMR이 씹히는건 꽤 느껴졌는데, 이는 에반유도 인지하는 부분이더라구요. HMR 면에선 ..
[Next.js 튜토리얼] JS에서 리액트로 해당 문서 정리 https://nextjs.org/learn/foundations/from-javascript-to-react Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org 참고 : 페이스북에서 리액트 도큐먼트를 새로 교체할 계획입니다. 상당히 내용이 괜찮네요 https://beta.reactjs.org/ 시작 : 사용자가 웹 페이지를 방문하면 서버는 다음과 같은 HTML 파일을 브라우저에 반환합니다. 브라우저는 H..
Nextjs 튜토리얼 핵심내용 정리 및 요약 튜토리얼 완성본 구경하기 (해당 페이지는 홈이 아닌 404로 연결하게 해둠) 404 not found (nextjs-emotion-typescript-blog.vercel.app) 리액트를 사용하여 웹 애플리케이션을 만들려면 고려할 사항들 컴파일러 / 번들러 코드 스플리팅 프리렌더링 / SSG / SEO / SSR or CSR API With Next.js 페이지 기반 라우팅 시스템 프리 렌더링 / SSG / SSR / CSR 자동 코드 분할 내장 CSS/ SaSS 지원. CSS-in-JS 라이브러리 지원 Fest Refresh 지원 API 호출 가능 (노드임) 완전히 확장 가능 타입스크립트와 함께 사용하기 import { GetStaticProps, GetStaticPaths, GetServerSide..