TIL 26일차 - React state & props

박진현·2021년 7월 12일
0

TIL

목록 보기
26/71

Achievement Goals

  • state, props의 개념에 대해서 이해하고, 실제 프로젝트에 바르게 적용할 수 있다.

    state는 컴포넌트내에서 변하는 값 값이 변하면 리렌더링된다. 리액트의 핵심 props는 하위 컴포넌트내에서 변하지 않는 값(읽기 전용)

  • React 함수 컴포넌트(React Function Component)에서 state hook을 이용하여 state를 정의 및 변경할 수 있다.

    O

  • React 컴포넌트(React Component)에 props를 전달할 수 있다.

    O

  • 이벤트 핸들러 함수를 만들고 React에서 이용할 수 있다.

    O

  • 실제 웹 애플리케이션의 컴포넌트를 보고 어떤 데이터가 state이고 props에 적합한지 판단할 수 있다.

    O

  • 실제 웹 애플리케이션 개발 시 적합한 state와 props의 위치를 스스로 정할 수 있다.

    O

  • React의 단방향 데이터 흐름(One-way data flow)에 대해 자신의 언어로 설명할 수 있다.

    O

오늘은 내가 모르는 에러를 핸들링하느냐고 6시간가량 삽질을해서 TIL을 자세히 쓸 수 없었다..
대신에 확실히 얻은 것이 있다. props와 useState를 사용하는 방법..!! 그리고 응용하는 방법.. 상위컴포넌트에서 props를 내리는 방법, 적용하는 방법등.. 말로 표현할 수 없는 수 많은 개념들을 몸소 익혔다.
역시 코딩은 몸으로 직접 부딪혀야 얻는게 많은 것 같다. 내일도 같은 걸 배우니까 내일 쓸 TIL에서 더 자세하게 써야지!

profile
👨🏻‍💻 호기심이 많고 에러를 좋아하는 프론트엔드 개발자 박진현 입니다.

0개의 댓글