# Next.js 공식문서 한글 번역판 by simsimjae

## Next.js 9.5.2 공식문서 한글판

이 문서는 저자가 Next.js의 공식문서를 보고 번역, 의역, 해석한 내용이므로 정확히 일치하지 않을 수 있습니다. 또한 너무 쉬운 내용은 적지 않았으니 빠진 내용은 공식문서를 참고해주세요.

### Update History

* 1차 버전 : 2020.08.30 \~

## [Written by 심재철](https://github.com/simsimjae)

![](/files/-MGJJ54uhfyJQLnfJqwG)

## 설치

```bash
npx create-next-app
# 또는
yarn create next-app
```

## 수동 설치

```bash
npm install next react react-dom
```

package.json 열어서 다음 스크립트 추가

```bash
"scripts": {
  "dev": "next dev",
  "build": "next build",
  "start": "next start"
}
```

* `dev`: Next.js 개발 모드로 실행
* `build`: production용으로 Next.js 빌드
* `start`: production용으로 Next.js 실행

Next.js는 `pages`폴더 아래에 있는 `.js, .jsx, .ts, .tsx`파일들로부터 export된 리액트 컴포넌트를 페이지로 인식한다. Pages아래에 있는 컴포넌트들은 파일의 이름을 기반으로 라우팅 된다. 예를들어 `pages/about.js`는 `/about`으로 라우팅하여 접근할 수 있다.

### 더 알아둬야 할 것

* Next.js는 내부적으로 웹팩과 바벨을 사용한다.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://simsimjae.gitbook.io/nextjs-korean-documentation/master.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.