[본 캠프 23일차] React 스탠다드 강의, 1차 과제

React 스탠다드반 2회차 강의

• 느슨한 비교 vs 엄격한 비교
• const vs let 
• 제어컴포넌트 / 비제어컴포넌트
   - input 값들을 모두 제어하고 싶을 때 state
• input 으로 들어온 모든 타입은 string
• early return vs if/else
• 단수/복수 명확하게 하자 변수명
• 프리티어 설정
• 리스트 렌더링 시 key 값은 unique 하게
  - 키를 안줬거나 혹은 키를 잘못줬거나

스탠다드반 1차 과제

 

components 를 추가해서 state를 이용해 props를 자식에게 넘겨주는 걸 이해했다.

더러운 코드를 components 에 해당 기능이름으로 jsx 파일을 만들고 잘라내기를 한다음 부모요소인 app.jsx 에서

< 기능 /> 이런식으로 불러와 그 안에 props 로 넘겨준다.

 

ex)

<Counter count={count} Increment={Increment} />

 

string

<p>{`Count: ${count}`}</p>

 

object 일때는 { } 

부모에서 자식에 적용할 땐 인자로 해당값을 넣어준다.

const Counter = ({ count, Increment }) => {