목록NextJS/개념정리 (3)

so woon!

[NextJS] Pages

학습일 : 2023. 07. 09 pages 디렉토리에 파일을 생성할 때, 파일의 이름이 그대로 url로 들어가게 되기 때문에 주의해야 한다. 반면, component의 이름은 그닥 중요하지 않다. 중요한 것은 export default를 작성해주어야 하며, 만약, default로 export 하지 않는다면, localhost:3000/about에 들어갔을 때 에러가 발생하는 것을 볼 수 있다. 파일명이 잘못되어 페이지가 열리지 않을 경우 자동적으로 404페이지가 뜨게 되는데, 리액트의 경우 직접 404페이지를 직접 만들어야겠지만 next.js는 그럴 필요가 없는 편리성이 있다.
NextJS/개념정리 2023. 7. 18. 13:12
[NextJS] framework 와 library의 차이점

학습일 : 2023. 07. 08 NextJS 프로젝트를 시작하고, 프로젝트의 기본 구조는 이러하다. 이번 글에서는 pages가 어떤역할을 하는지? 알아보고 프레임워크와 라이브러리의 차이점을 알아보자. 우선 pages 폴더 안에 있는 파일 전부를 삭제하도록 한다. 그 다음 pages 폴더 안에 index.js 파일을 만든 다음 index.js export default function Home() { return "hi"; } 확인해보면 hi가 화면에 출력되어 있음을 확인할 수 있다. 내가 pages안의 index파일에 넣은 것이 자동적으로 웹사이트 home에서 보여지고 있다. 이것이 바로 framework와 library의 핵심적인 차이점이다. 라이브러리는 개발자로서 내가 필요할때 사용하는 것이다. 개..
NextJS/개념정리 2023. 7. 8. 20:43
[NextJS] NextJS 프로젝트 시작하기

학습일 : 2023. 06. 26 NextJS 프로젝트를 시작하기 위해 터미널에 입력해주도록 한다. 현재 들어와있는 해당 프로젝트에 nextJS 최신버전을 설치하겠단 뜻. npx create-next-app@latest . 그럼 이런 질문들이 뜨는데 √ Would you like to use TypeScript with this project? ... No / Yes => no √ Would you like to use ESLint with this project? ... No / Yes => yes √ Would you like to use Tailwind CSS with this project? ... No / Yes => no √ Would you like to use `src/` directory..
NextJS/개념정리 2023. 6. 26. 18:28
이전 Prev 1 Next 다음