NextJS

소스 코드 보러가기 👉🏻 https://github.com/gitchan-Study/2023-next-js-beginner GitHub - gitchan-Study/2023-next-js-beginner: 노마드코더 [NextJS 시작하기] 학습 코드 노마드코더 [NextJS 시작하기] 학습 코드. Contribute to gitchan-Study/2023-next-js-beginner development by creating an account on GitHub. github.com 💋 Redirects 설정하기 Next.js에서 프로젝트 디렉터리의 루트(package.json 옆)에 next.config.js 또는 next.config.mjs 파일을 만들어 커스텀 설정을 할 수 있다. next.co..

소스 코드 보러가기 👉🏻 https://github.com/gitchan-Study/2023-next-js-beginner GitHub - gitchan-Study/2023-next-js-beginner: 노마드코더 [NextJS 시작하기] 학습 코드 노마드코더 [NextJS 시작하기] 학습 코드. Contribute to gitchan-Study/2023-next-js-beginner development by creating an account on GitHub. github.com 💋 public 디렉토리 프로젝트 루트에서 public 디렉토리에 있는 모든 파일들은 직접 이미지로 사용할 수 있다. 이때, 이런 식으로 그냥 곧바로 사용하면 된다. /vercel.svg의 경로는 현재 페이지의 루트 디렉..

소스 코드 보러가기 👉🏻 https://github.com/gitchan-Study/2023-next-js-beginner GitHub - gitchan-Study/2023-next-js-beginner: 노마드코더 [NextJS 시작하기] 학습 코드 노마드코더 [NextJS 시작하기] 학습 코드. Contribute to gitchan-Study/2023-next-js-beginner development by creating an account on GitHub. github.com 💋 페이지 제목 설정 NextJS에서 제공하는 "next/head"를 import해서 쉽게 설정할 수 있다. components/seo.js import Head from "next/head"; export default..

소스 코드 보러가기 👉🏻 https://github.com/gitchan-Study/2023-next-js-beginner GitHub - gitchan-Study/2023-next-js-beginner: 노마드코더 [NextJS 시작하기] 학습 코드 노마드코더 [NextJS 시작하기] 학습 코드. Contribute to gitchan-Study/2023-next-js-beginner development by creating an account on GitHub. github.com 💋 컴포넌트에 Style 적용하기 ✔️ 컴포넌트에 직접 style 속성 작성하기 곧바로 컴포넌트에 style 속성을 작성하면 된다. NavBar.js import Link from "next/link"; import {u..

소스 코드 보러가기 👉🏻 https://github.com/gitchan-Study/2023-next-js-beginner GitHub - gitchan-Study/2023-next-js-beginner: 노마드코더 [NextJS 시작하기] 학습 코드 노마드코더 [NextJS 시작하기] 학습 코드. Contribute to gitchan-Study/2023-next-js-beginner development by creating an account on GitHub. github.com 💋 _app.js _app.js는 애플리케이션의 전역 설정을 담당하는 파일이다. pages/_app.js를 생성한다. 이때 이름은 프레임워크 내 약속된 이름이기 때문에 언더바를 포함해서 제대로 적어주어야만 NextJS가 ..

소스 코드 보러가기 👉🏻 https://github.com/gitchan-Study/2023-next-js-beginner GitHub - gitchan-Study/2023-next-js-beginner: 노마드코더 [NextJS 시작하기] 학습 코드 노마드코더 [NextJS 시작하기] 학습 코드. Contribute to gitchan-Study/2023-next-js-beginner development by creating an account on GitHub. github.com 💋 Pages React를 사용한다면, React Router DOM 설치, router 생성, routes 설계, import components, render routers를 해야 하는데, Next JS를 사용하면 간..

💋 NextJS 생성 및 실행 ✔️ Next JS 애플리케이션 생성 npx create-next-app@ 그냥 최신 버전을 설치하려면, npx create-next-app@latest ✔️ package.json에 써있는 dependencies대로 설치하기 package.json에 변경사항이 있는 경우에만 하면 된다. npm install ✔️ Next 애플리케이션 실행 npm run dev http://localhost:3000으로 이동하면! 끗 도움이 되었다면, 공감/댓글을 달아주면 깃짱에게 큰 힘이 됩니다!🌟 비밀댓글과 메일을 통해 오는 개인적인 질문은 받지 않고 있습니다. 꼭 공개댓글로 남겨주세요!