항해 99 리액트 시작 1일차

DOM

html 단위를 객체로 고려하는 모델
div 태그 안에 > 자식 노드등으로 나무 가지 모양의 트리 구조 형태를 가짐.

Scope의 단위

사용할 수 있는 변수의 유효한 범위
좀 더 쉽게 말하자면 함수라는 범위에서 쓸지 그 안에 블록{중괄호} 단위까지 쓸지 설정
var: 함수단위
let, const: block 단위로

spread 연산자

객체 안에 있는 요소들을 밖으로 꺼내주는 것.

let array =[1,2,3,4,5]
let new =[...array]
console.log(new)

삼항연산자

조건 ? True : False

Array 내장함수

map - 원래 있던 배열에서 특정 요소들을 변환해서 배열을 만듬

filtet - 필요한 요소들만 골라서 배열

concat - 배열들 합치기 (단, 중복제거를 하지 않음)

from - 조사해야함!!!

JSX

html에서 JS를 사용해서 마크업, 뷰(UI) 작업을 하는 것

JSX 규칙

1. 태그는 닫아주기
   

2. 무조건 한 개의 element 반환하기

3. {중괄호}로 JS 값 가져오기

4. class -> clasName

5. 인라인으로 스타일 주기

Component

함수형
function을 사용하거나 => 화살표 함수 사용

class형