Frontend/Next (11) 썸네일형 리스트형 [NextJS] NextJS 시작하기 - 3. Next.js 개요 아래 강의 중 "NextJS 시작하기"를 보고 정리한 내용입니다. (+ 추가적인 것도 있음) https://nomadcoders.co/nextjs-fundamentals/lectures/3454 All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 1. pages create-next-app으로 프로젝트를 초기화하면 자동으로 폴더 구조가 생성된다. (gatsby와 비슷한 느낌?!) 최상위 아래에 pages라는 폴더가 있는데, 이는 라우터의 기능을 한다. pages 하위에 파일을 생성하면 파일명이 url 주소가 된다. (컴포넌트명은 중요하지 않음) index.js는 홈으로 설정되어 있다. (ex. localhost:.. [NextJS] NextJS 시작하기 - 2. React.js와 Next.js의 차이점 (framework vs. library, CSR vs. SSR) 아래 강의 중 "NextJS 시작하기"를 보고 정리한 내용입니다. (+ 추가적인 것도 있음) https://nomadcoders.co/nextjs-fundamentals/lectures/3454 All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 1. Framework vs. Library React.js는 라이브러리이고, Next.js는 React.js의 프레임워크이다. 이 둘의 궁극적인 차이점은 "응용 프로그램의 흐름 주도권을 누가 가지고 있느냐"이다. 1) Framework 코드를 작성하는 기본적인 틀을 제공해서 보다 효율적으로 어플리케이션을 만들 수 있도록 하는 소프트웨어 환경 응용 프로그램은 프레임워크에.. [NextJS] NextJS 시작하기 - 1. 프로젝트 생성 (feat. windows nodejs 최신버전 설치) 아래 강의 중 "NextJS 시작하기"를 보고 정리한 내용입니다. (+ 추가적인 것도 있음) https://nomadcoders.co/nextjs-fundamentals/lectures/3436 All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 1. 프로젝트 생성 리액트에서 create-react-app을 통해 프로젝트를 생성한 것과 비슷하다. npx create-next-app@latest //최신버전 npx create-next-app@latest --typescript // +타입스크립트 그런데.. 문제가 발생했다. 기존 node의 버전이 낮아 최신 버전의 node를 설치해야 한다는 것이다. 2. node.. 이전 1 2 다음
