<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을 조작할 수 있음
- 이 과정을 통해 특정 요소의 스타일이나 내용을 변경할 수 있음