일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Firebase
- webdevcurriculum
- gitcommit
- 패스트캠퍼스
- typescript
- github
- ReactError
- 파이어베이스
- 자바스크립트
- 국비지원취업
- 깃커밋
- gitignore
- javascript
- nextjs
- js
- HTML
- 코딩테스트
- 깃허브
- react
- Git
- gitrevert
- 깃
- 프론트엔드개발자
- 클론코딩
- 리액트
- 야놀자
- API
- 깃버전
- 리액트오류
- 프로그래머스
- Today
- Total
목록nextjs (2)
Project.log
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cpCjMf/btrP35ca515/CVVlDGMqskeaAfUSqw9Bjk/img.png)
Next.js 12를 공부하고 프로젝트를 진행하는 중에 2022년 10월26일 Next.js Conf에서 Next.js 13을 발표했습니다. 이제 막 알아가던 중인데 벌써 13이 나오니 당황스럽네요.. 바로 본론으로 가보겠습니다. (위 글은 nextjs.org 공식문서를 번역한 글입니다.) Next.js Conf에서 발표한 바와 같이 Next.js 13은 제한 없이 역동적인 기반을 제공합니다. - app/ 디렉토리(베타): 더 쉽고, 더 빠르고, 더 적은 클라이언트 JS. - 레이아웃 - 리액트 서버 컴포넌트 - 스트리밍 - 터보팩(알파): 최대 700배 빠른 Rust 기반 웹 팩 교체 - 신규 next/image (안정적): 네이티브 브라우저의 느린 로딩으로 고속화. - 신규 @next/font (베타..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bi1vzJ/btrN4PRq1pC/lOyKrEijqvDBdeyeCLhrK0/img.png)
Vercel이란? Vercel은 Next.js 에서 공식적으로 제공하는 호스팅 사이트로 빌드+배포+호스팅 서비스를 이용할 수 있습니다. 1. package.json에 deploy추가하기 "scripts": { "dev": "next dev", "build": "next build", "start": "next start" } 배포를 위해 프로젝트의 package.json파일에 scripts부분을 위와 같이 만들어줍니다. (보통은 기본세팅으로 되어있는것 같습니다.) 2. Github에 소스코드 등록하기 먼저 빈 Repository를 만들어줍니다. 프로젝트 폴더로 이동후에 (git init, git add, git commit이 다 되있다는 전제하에) git remote add origin 깃허브reposi..