반응형
250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- s3
- API
- Ai
- 구글
- JS
- Linux
- Windows
- sample
- nodejs
- Git
- AWS
- Python
- build
- 유니티
- error
- docker
- MSSQL
- elasticsearch
- logstash
- mariadb
- 영어
- 설정
- 엘라스틱서치
- unity
- Kibana
- JavaScript
- MySQL
- ssh
- ChatGPT
Archives
- Today
- Total
가끔 보자, 하늘.
NextJS/Hello page 만들기 - Only Code 본문
샘플 코드가 기나긴 설명보다 좋을 때가 있습니다. 잘 이해 안되는 건 댓글 혹은 해당 키워드를 구글링 해보시면 바로 확인할 수 있습니다.
mkdir ssr && cd "$_"
npm init -y
npm install --save react react-dom next
vi package.json
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
(...)
"scripts": {
"dev" : "next"
.
}
(...)
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
mkdir pages && cd "$_"
vi index.js
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
export default () => (<div><p>Hello!</p></div>)
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
npm run dev
.next/server : server side
.next/static : client side
(*full source code link)
반응형
'개발 이야기 > 개발 및 서비스' 카테고리의 다른 글
NextJS/Tailwindcss, getServerSideProps - Only Code (0) | 2022.08.13 |
---|---|
NextJS/Link, Component, Router - Only Code (0) | 2022.08.12 |
AWS EC2의 메타 데이터를 확인하는 방법(feat. python) (0) | 2022.07.26 |
Windows에서의 ssh 인증 파일 permission 문제 해결 방법 (0) | 2022.07.25 |
CDK / Secret Manager를 활용한 RDS 인증 저장/사용 방법 (0) | 2022.07.18 |