6주차_react강의

#Document Object Model

문서를 논리 트리로 표현한다.
✏️ https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model

#순수 자바스크립트

특정 라이브러리나 프레임워크를 사용하지 않은 그 자체의 자바스크립
트
✏️ https://www.w3schools.com/

#codesandbox

프론트엔드 코드를
작성하고 이것저것 시도해볼 수 있는 모래상자(놀이도구)
React 등 다양한 환경에 대한 기본 설정이 되어있음
✏️ https://codesandbox.io/

#Content Delivery Network

웹에서 사용되는 다양한 컨텐츠(리소스)를 저장하여 제공하는 시스템
✏️ https://ko.reactjs.org/docs/cdn-links.html

#JSX

문자도 HTML도 아닌 JavaScript의 확장 문법

const element = <h1>Hello, world!</h1>;

#JavaScript Complier

컴파일러: 언어 해석기, 특정 언어를 다른 프로그래밍 언어로 옮기는 프
로그램
✏️ https://babeljs.io/

#리액트의 리랜더링

바닐라JS - 변경으로 인해 Element를 다시 그림
React - 변경된 부분만 다시 그림

#Form

onSubmit -> event.preventDefault()
event.target.elements -> console.dir(element)

✏️ https://www.w3schools.com/html/html_forms.asp

#error

try{
...
} catch (error) {
...
}

Error Boundary -> Catch Error해서 보여주기
Fallback -> Error가 났을때 보여줄 컴포넌트