Next js 의 pages
pages 파일명과 URL pages 폴더안에 index.js파일을 만들고 다음과 같이 작성해봅니다. 저장하고 index 페이지인 localhost:3000을 보면 다음과 같이 화면이 보이게됩니다. next js 는 index.js를 메인페이지로 인식을 해서 url을 결정해줍니다. 두번째로, pages폴더에 about.js 파일을 생성하고 다음과 같은 코드를 넣고 주소에 /about을 붙이면 작성했던 about us라는 글씨가 보이게됩니다. 여기서 해당 파일을 페이지로 쓰고 싶다면 react에서 컴포넌트를 만들때처럼 함수로 컴포넌트를 만들고 보여주고 싶은 내용을 return 문에 작성하고 export default로 내보내줍니다. // About이라는 컴포넌트를 함수형으로 작성하고 export defau..
Next js 수박 겉핥기식 공부시작 및 설치
노마드코더님의 강의로 공부를 시작했습니다. 전체적인 next js의 원리와 사용법을 익힌후 심화해서 공부할 계획입니다. next js 설치 설치하고 싶은 폴더에서 터미널 또는 cmd 창을 열어 다음 명령어를 입력해줍니다. 뒤에 --typescript를 붙이면 타입스크립트 프로젝트로 설치할 수 있습니다. // 1. 최신 버전 설치 npx create-next-app@latest // 타입스크립트와 함께 설치시 npx create-next-app@latest --typescript // 2. 프로젝트 이름 설정 What is your project named? 내 프로젝트 이름입력 next js 실행 성공적으로 설치가 되면 위와같이 해당경로의 폴더를 코드 에디터를 통해서 열어주고 package.json의 s..