Next.js 01. 설치

npm은 설치가 되어있고

next.js 설치 구문을 입력해준다.

npx create-next-app@latest

설치 완료 후

설정한 폴더명/app 폴더/page.js 에 코딩을 시작하면 된다.

미리보기는 터미널에

npm run dev

를 입력하면 된다.

이제 미리보기를

어라라

/app 경로는 아직 experimental 로 구분되기 때문에 next.config.js 파일에 아래와 같은 설정을 추가해야 한다고 한다.

/** @type {import('next').NextConfig} */
const nextConfig = {
    experimental : {
      appDir: true
    }
}

module.exports = nextConfig

위 내용을 추가해주면 미리보기가 나타난다!

app 폴더에 layout.js 파일이 있는데
이 파일 안에 page.js가 있다고 보면된다.

layout.js에 head 태그나 공통서식을 적용시키면 된다.

page.js에 코딩시작!