5강 final하고 const의 차이, let /

 

 

final하고 const의 차이, let

 

final readonly 고칠 수 없어요

컴파일언어가 아니고 인터프리터 언어라서 실행 시에 결정이 나야해요. 그래서 실행시에 결정되고나면 readonly로 된다.

 

const 프로그램 시작 시에 읽어서 값을 넣어놔요. 그리고나서 readonly! 그래서 날짜나 현재시간 같은거 를 const에 담지마요.

 

리엑트에서 var쓰지 말기!

리액트에서는 변하지 않을 값은 무조건 const으로 변수 선언해요.

 

let은 변해야하는 애들만 선언한다.

---

 

function컴포넌트(후크사용할때)가 있고 class형 컴포넌트있어요

 

main파일만 class형 컴포넌트로

그 외에는 function컴포넌트 만듭니다.

 

---

 

이렇게 눌렀을때

변수의 값이 바뀌고 바인딩이 되어있는데 render가 호출이 안되서

무조건 새로 그리지 않는다는 것이다.

 

render를 호출 할 수 있는 유일한 방법은 state로 만들어야한다.

이 디자인 박스에대한 state는 상태값이다.

 

 

this.setState에는 오브젝트를 담을 수 있음.

 

데이터 바인드 해놓고 setState호출하면 화면이랑 동기화.

 

function 컴포넌트에서는 state사용 할 수 없어요. 클래스에서! 합니다.

 

 

 

 

state에 stream 꼽아서 DB랑 연결해놓으면 reactive한 걸 만들 수 있는 것 임.

 

 

값을 뿌릴줄 알면 그림그리는것을 배워야한다.

 

예쁘게 그림을 그려야 css!

고급기술 : session......(중간서버=노드=프론트서버), 어쩌구

---

props - 속성

DB에서 가져왔다고 가정하면 post라는 애한테 날릴건데

for문을 돌리면서 뿌릴때 각 포스트마다 값이 다르니까

그때 props를 쓴다.

 

text-aling : center -> inline 속성만 정렬함

 

 

props는 부모로부터 데이터를 이어 받는다.

 

 

자바라면 model하나 만들어서 받아야하는데

props를 쓰면 만들지 않아도 된다. -> 매우 좋은것

 

오브젝트로 받는게 제일 좋다. 컬렉션으로도 올 수 있어서