TIL 7/28

오늘 배운 내용

props

먼저 props("properties"의 줄임말)로 state 와의 간단한 차이는 변할수 없다는 것. 컴포넌트는 상속하는 부모 컴포넌트로 부터 props 를 받고 이 props 는 상속받는 컴포넌트 내에서 수정이 불가능하다. 리액트에서 부모 > 자식 일방향성 상속이라는 특징때문이다 .props 는 컴포넌트가 가지고 있는 다양한 값을 나타내기 위한 존재로'this.props,xxx'로 나타낸다.

• 읽기전용
• 부모요소에서 설정하는것
• 초깃값과 자료형의 유효성 검사가 가능

state

컴포넌트 상태를 나타내며 , props 와 반대로 변할수 있다 . 컴포넌트의 내부에서 선언되기 때문에 이러한 state 는 외부에 공개하지 않고 컴포넌트가 스스로 관리한다. state 로 사용하는 것은 컴포넌트의 상태값을 나타내기 위한 것들 ( 리스트에서 선택된값 , 체크박스에서 체크된 값, 텍스트 박스의 텍스트 등등)

• 상태에 따라 변화하는것
• 직접 변경 가능
• state 가 변경되면 컴포넌트를 다시 렌더링 해야함
• 외부에는 비공개 , 컴포넌트 스스로가 관리 해야하는것

Props와 State 차이점

State는 내부 (컴포넌트)에서 생성하고 활동하고, 데이터를 변경할 수 있음.

Props는 외부(부모 컴포넌트)에서 상속 받는 데이터이며, 데이터를 변경할 수 없음

 

오늘 느낀점

• Props와 State와 개념을 익히기 상세하게 조사를 해봤는데 이걸 봐도 아직 너무 어렵다. 언제쯤 익숙해질지 모르겠다

 

내일 할 내용

• 개인 과제 기능 구현하기