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
- KDT 프로그래머스
- KDT 프로그래머스 데브코스 프론트엔드
- git 같은계정 다른 컴퓨터
- 리액트
- 이벤트 수식어
- Vue
- 리스트 렌더링
- SCSS import
- nextjs사용법
- 프로그래머스 데브코스
- 다른컴퓨터에서 git사용
- SCSS use
- vue 이벤트 수신
- SCSS forward
- Spacer
- 프로그래머스 K_Digital Training
- 프로그래머스 데브코스 프론트엔드
- 폼 입력 바인딩
- flex
- vue 지역 컴포넌트
- SCSS extend
- intersection opserver
- postcss
- react next
- vue mixin
- 쌓임맥락
- 고양이 사진 검색기
- 프로그래머스 프론트엔드 데브코스
- vuex map
- netlify redirect
Archives
- Today
- Total
목록nextjs사용법 (1)
혼자 적어보는 노트
[Next.js] 세팅 / pages / Link / layout component
데이터베이스 관련 상태관리에 대한 강의를 찾던 중 next.js를 접하게되어 해당 내용을 정리해보려 한다. ✅ 준비사항 수동 설치방법 1. 폴더 생성 후 npm init 으로 세팅 2. 생성된 package.json의 script부분의 test를 dev로 변경 “dev”:”next” ( npm run dev를 해보면 서버주소가 나오며 해당 local주소로 들어가면 적용된 것을 확인할 수 있다.) 3. next, react, react-dom 설치 npm i next react react-dom 📂 pages 폴더 생성 react에서 경로설정을 하려면 router를 사용했어야했는데 next는 pages 폴더로 경로 설정이 손쉽게 가능하다. * 폴더 명이 pages여야 next가 인식 가능 1. pages ..
NextJS
2022. 3. 1. 01:50