<aside> 👨🏻‍💻 Next.js 13이 릴리즈되었지만, 공식 문서의 예제 코드는 12 기준으로 작성되어 있습니다.

</aside>

<aside> 💡

13에서 변경된 점이나 12에서 13으로 업그레이드하는 내용은 아래 문서를 참고해주세요.

</aside>

Next.js 13

Upgrade Guide | Next.js

공식 문서

🙌 전체 번역본이 아닌 공부하면서 기록한 내용이라 의역, 오역이 있을 수 있습니다.
		발견하시면 댓글이나 DM으로 알려주세요!

<aside> 💡 아래 사용된 자료들의 출처는 모두 공식 문서입니다.

</aside>

Foundations

About Next.js

• React framework
• React로 UI를 구축하고 Next.js기능을 통해서 라우팅, 데이터 통신 등 요구사항을 해결

From JavaScript to React

• 웹 페이지는 HTML 소스로 부터 DOM을 만들어 냄
  • DOM (Document Object Model)
    • HTML 요소의 객체 표현
    • 코드와 사용자 인터페이스 사이의 연결
    • 부모와 자식 관계(트리 구조)
• DOM 메소드와 자바스크립트와 같은 언어를 통해 사용자의 이벤트를 받아 특정 요소를 선택, 추가, 업데이트, 삭제하여 DOM을 조작할 수 있음
• 이 과정을 통해 특정 요소의 스타일이나 내용을 변경할 수 있음