개발작
태그 목록
- 전체보기(174)
- 내일배움캠프(107)
- 리엑트(63)
- 타입스크립트(21)
- 리엑트네이티브(14)
- 자바스크립트(12)
- 리덕스(10)
- js(8)
- 코딩애플(7)
- 리엑트쿼리(7)
- CSS(4)
- 파이어베이스(2)
- next(2)
- 넥스트(2)
- html(2)
- 깃허브(2)
- 개발작 일상(2)
- Node(2)
- 스파르타코딩(1)
- node.js(1)
- Debouncing(1)
- 타입스크립트시작(1)
- brew(1)
- puppeteer(1)
- spa(1)
- 크롤링(1)
- github(1)
- 스팀(1)
- next.js(1)
- 신입개발자(1)
- SEO최적화(1)
- Throttling(1)
- 부트캠프(1)
- 파이썬(1)
- 맥북(1)
- git(1)
- 프로그래머스(1)
- 드림코딩(1)
- 리코일(1)
- 오늘배움캠프(1)
- 부트캠프취업(1)
- 깃허브오류(1)
- 프론트엔드개발자(1)
- React(1)
- 개인프로젝트(1)
- 알고리즘(1)
- python(1)
전체보기 (174)내일배움캠프(107)리엑트(63)타입스크립트(21)리엑트네이티브(14)자바스크립트(12)리덕스(10)js(8)코딩애플(7)리엑트쿼리(7)CSS(4)파이어베이스(2)next(2)넥스트(2)html(2)깃허브(2)개발작 일상(2)Node(2)스파르타코딩(1)node.js(1)Debouncing(1)타입스크립트시작(1)brew(1)puppeteer(1)spa(1)크롤링(1)github(1)스팀(1)next.js(1)신입개발자(1)SEO최적화(1)Throttling(1)부트캠프(1)파이썬(1)맥북(1)git(1)프로그래머스(1)드림코딩(1)리코일(1)오늘배움캠프(1)부트캠프취업(1)깃허브오류(1)프론트엔드개발자(1)React(1)개인프로젝트(1)알고리즘(1)python(1)
Next.js - 코딩애플
1. Next.js 프로젝트 셋업 npx create-next-app@latest --experimental-app 전부 NO로 선택함 Next 버전을 13.2.4로 진행 그리고 npm install해주고 npm run dev하면 웹페이지가 열림 ># 2. 폴더 및 파일설명 메인페이지는 app폴더안에 page.js가 될거고 그걸 감싸고있는 head 상단바 등은 layout.js파일이 될거임 globals.css는 모든페이지에 적용될 css파일이고, nodule.css는 특정페이지에만 적용할 css임
내일배움캠프(TIL-93 Netx.js 시작)
1. 오늘배운거 Next 강의자료 ㄱ. Next.js설치 ㄴ. _app.js파일 가장먼저 렌더링이되는 파일임 익숙한 app.js와 다르게생김 ㄷ. 페이지이동 Link 태그랑 Router로 페이지 이동하는데 둘다 import를 해줘야 사용이 가능함 Link 태그로 이동하기 Router 태그로 이동하기 ㄹ. Dynamic Routes [id].js라는 파일을 만들고 아래와같이 작성하면됨 ![](https://velog.velcdn.com/images/c9926/post/8f8cf
2023년 1월 31일
·
0개의 댓글·
0