본 자료는 생활코딩 이고잉코치님의 자료를 사용하여 정리하였습니다.

prompt 함수

• 빌트인 함수이다.
• alert에서 값을 입력할 수 있는 창이라고 생각하면 된다.

next.js

• React(Frontend) + Express.js(Backend)
• 
• 설치하기
  • npx create-next-app@latest .

  • TypeScript : No
    EsLint: Yes
    'src' directory: No
    'app' directory: No

• 개발환경 설정
  • npm run dev

emmet

• 자바스크립트 작성을 편하게 해주는 설정

[id].js

• 배열을 뜻하는게 아니라 가변적으로 값을 받는다는 뜻의 []

_app.js

• 불러올 페이지를 Component라는 변수로 받고 먼저 실행된다.

Link 태그

• a태그는 페이지를 아예 새로 불러오지만 Link태그는 브라우저의 주소만 바꿀뿐이다.

빌드하기

• npm run build 입력
• 개발한 내용이 .next 폴더 아래에 배포 가능한 형태로 만들어진다.

배포판 실행하기

• npm run start 입력