웹 개발의 기록들

[ 이전 공부 내용 ] 더보기 2022.02.11 - [web/React.js] - [ Next.js 공부하기 ] 1. Intro ( 프로젝트 생성 및 실행해보자 ) 2022.02.11 - [web/React.js] - [ Next.js 공부하기 ] 02. Library와 Framework 1. pages - 이전 Library와 framework에서도 말했듯이, pages에 있는 index 파일명은 home이 되고, test.tsx 파일은, /test 경로를 가지게 된다. 파일의 이름이 경로명으로 설정이 된다는 것을 알 수 있다. - 또한 규칙은, typescript는 문제가 없지만, javascript는, export default는 무조건 붙여줘야만 경로 설정이 가능해진다는 것을 주의하자! 2. s..

마지막 취업 전 포트폴리오에 공을 들이기 위한 준비를 한다. 바로 Next.js를 배우는 것. Next.js를 배우면서, SSR이 무엇인지, SSR의 장점이 무엇인지 이런 것들을 한 번 공부해보면서 포트폴리오에 적용을 해볼 것이다. 작업환경 : Mac OS 1. Next.js 프로젝트 생성하기 - 일단 터미널을 켜주고, 나는 바탕화면에 폴더를 만들 예정이기 때문에, cd desktop을 입력해서, desktop을 현재 가리키게 하고 처음부터 자바스크립트가 아닌 타입스크립트 환경에 맞춰서 공부를 했기 때문에, 타입스크립트로 만들 것이다. 밑에처럼 명령어를 입력해주자. npx create-next-app@latest --typescript 그럼 프로젝트 이름이 어떻게 되는 지를 물어보는데, 입력을 하면 된다..