초보자로서 Next.js를 시작하는 방법
Next.js를 효과적으로 사용하려면 JavaScript, React 및 관련 웹 개발 개념에 익숙해지는 것이 도움이 됩니다. 그러나 JavaScript와 React는 방대한 주제입니다. Next.js를 배울 준비가 되었는지 어떻게 알 수 있나요? 👉 리액트에 대해 더 알고 싶다면 확인하세요https://reactjs.org.
Next.js가 무엇인가요?
공식 Next.js 웹사이트 👉https://nextjs.org/에 있는 문서에 따르면 Next.js는 빠른 웹 애플리케이션을 만들기 위한 빌딩 블록을 제공하는 유연한 React 프레임워크입니다.
프레임워크는 Next.js가 React에 필요한 도구 및 구성을 처리하고 애플리케이션에 대한 추가 구조, 기능 및 최적화를 제공한다는 것을 의미합니다.
Next.js 시작하기
Next.js 앱을 만들려면 터미널을 열고 앱을 만들려는 디렉터리로 이동한 후 다음 명령을 실행합니다.
npx create-next-app nextjs-blog --use-npm --example
Under the hood, this uses the tool called create-next-app, which bootstraps a Next.js app for you. It uses this template through the - -example flag.
개발 서버 실행
You now have a new directory called nextjs-blog. Let's cd into it:
cd nextjs-blog
그런 다음 다음 명령을 실행합니다.
이렇게 하면 포트 3000에서 Next.js 앱의 "개발 서버"(나중에 자세히 설명)가 시작됩니다.
작동하는지 확인해 봅시다. 브라우저에서 localhost:3000을 엽니다.
Next.js에 오신 것을 환영합니다.
localhost:3000에 액세스하면 다음과 같은 페이지가 표시됩니다. 이것은 Next.js에 대한 몇 가지 유용한 정보를 보여주는 시작 템플릿 페이지입니다.
이를 통해 브라우저에서 next.js 프로젝트와 로컬에서 실행되는 개발 서버localhost:3000를 성공적으로 설정할 수 있었습니다.
Next.js로 프로젝트를 빌드하는 방법이나 React에서 Next.js로 마이그레이션하는 방법을 계속 배우고 싶다면 제 블로그를 팔로우하고 다음 게시물을 확인하세요. SSG, SSR, 파일 기반 라우팅, SEO, 이미지 최적화 등과 같은 복잡한 Next.js 개념 학습을 계속하기 위해 공식 Next.js 웹 사이트를 방문하도록 결정할 수도 있습니다 👉 https://nextjs.org
이 기사가 도움이 되었기를 바랍니다. 아래 댓글 섹션에 의견을 남길 수 있습니다 👇
https://auraqule.hashnode.dev에 원래 게시되었습니다.
Reference
이 문제에 관하여(초보자로서 Next.js를 시작하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/auraqule/how-to-get-started-with-nextjs-as-a-beginner-2e5n텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
