Next.js 시작해보자! (2)

1부를 다 완료 했다면 하단의 이미지처럼 폴더가 다 만들어 집니다. (초반 세팅에 따라 있고 없고의 차이가 있습니다.)  이제 로컬서버를 돌리도록 하겠습니다.// npm 으로 할때npm run dev// yarn 일때yarn run dev 터미널에 입력 후 엔터 치면 로컬 서버가 생성이 됩니다.그러면 하단의 이미지 처럼 완료가 뜨고 로컬 주소가 보입니다.그 로컬 주소를 컨트롤 클릭하면 서버창이 열립니다. 화면에서 보여지는 모습은 src/app/page.js 파일입니다.import Image from "next/image";export default function Home() { return ( Get started b..

• format_list_bulleted React
• · 2024. 11. 9.
• textsms

next.js를 시작해보자!

시작에 앞서 node.js 기본 설치 부분은 다되어 있다고 생각하고 글을 작성 하겠습니다. https://react.dev/learn/start-a-new-react-project Start a New React Project – ReactThe library for web and native user interfacesreact.devreac 홈페이지에서 알려주는 Next.js의 설치 방법 프로젝트를 시작하고 하는 폴더를 만들고 vs code로 터미널을 실행합니다. 그리고 하단의 npx create-next-app@latest ./ 복사 붙여넣기 후 엔터 ./ 를 붙히 는 이유는 만들어둔 폴더내에서 또 폴더를 만들어지지 않게 하기위해서 ./ 를 넣습니다.npx create-next-app@latest ..

• format_list_bulleted React
• · 2024. 11. 9.
• textsms