Nerd
Nerd
Nerd
전체 방문자
오늘
어제
  • 분류 전체보기 (439)
    • Today I Learned (333)
    • 주간회고 (8)
    • FrontEnd (5)
    • ErrorNote (7)
    • 자바스크립트 (24)
    • 알고리즘 (13)
    • html과 css (21)
    • 토이프로젝트 (5)
    • React-Native (1)
    • React (13)
    • node (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 토이 프로젝트
  • wil
  • 데이터 타입
  • 파이썬기초
  • 토이프로젝트
  • 자바스크립트
  • Today I Learned
  • 메타인지
  • 파이썬 기초
  • npm i
  • package-lcok.json
  • 명령적 프로그래밍
  • 값의 할당 및 재할당
  • 리액트
  • 모던 자바스크립트
  • 코드숨
  • React
  • JSX
  • TIL
  • 주간회고
  • 리덕스 툴킷
  • 에러노트
  • 3FS
  • 절차지향적 프로그래밍
  • pacakge.json
  • 리액트 훅
  • 선언적 프로그래밍
  • ErrorNote
  • Redux
  • npm ci

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Nerd

Nerd

React

TIL] props와 state

2021. 7. 4. 03:23

state

state는 컴포넌트가 가지고 있는 데이터이고 props는 컴포넌트가 부모 컴포넌트로부터 받아온 데이터입니다!

state는 한 컴포넌트에서만 사용하는 정보를 주로 넣어놓고 수정하는 데이터이며,

생성도 수정도 오직 컴포넌트 내에서만 이루어집니다!

props

props는 컴포넌트가 부모 컴포넌트로부터 받아온 데이터입니다!

props의 데이터는 부모 컴포넌트로 받아온 것이기 때문에 읽기 전용이라고 생각하시면 편합니다.

상속받은 컴포넌트 내에서 수정이 불가능한 이유는 무엇일까요?

리액트에서는 부모 > 자식의 단방향성 데이터흐름이라는 특징 때문입니다!

만약 props의 데이터를 변경한다고 하면 부모 컴포넌트에서 변경을 하셔야 합니다!


오늘은 리액트 심화 강의를 들었습니다!

로그인을 하여 세션이 존재할 때만 글쓰기 버튼이 나타나고

글을 작성할 수 있는 기능들에 대해 공부하였습니다!

아직은 리덕스에 대한 지식이 부족하여 조금 어려웠지만 너무 재미있었습니다!

리덕스에 대해서 한번 다시 개념을 잡아야 할 것 같습니다!

오늘은 강의 외에 state와 props에 대한 개념이 부족한 것 같아 공부를 하였는데

강의를 보거나 과제를 하며 수없이 쓰고 있었지만 state와 props의 명확한 차이를

설명하지 못한다는 것에 제 자신에게 실망하여 state와 props에 대해 따로 공부하였습니다!

촉박한 강의로 인해 시간이 별로 없다는 핑계로 개념을 제대로 이해하지 못해서

부실공사를 하는 느낌을 많이 받았고 그래서 이해가 안 되는 부분들을 공부해야겠단 생각이 들었습니다!

앞으로도 열심히 기초적인 것들과 개념에 대해 이해하여 좋은 개발자가 되기 위해 노력할 것입니다!

파이팅👍👍👍✍️✍️✍️

'React' 카테고리의 다른 글

Redux] 리덕스 툴킷에 대해  (0) 2021.08.17
TIL] 리액트 기초복습  (0) 2021.07.06
TIL] Prototype  (0) 2021.07.03
TIL] 라이프사이클 복습  (0) 2021.07.02
TIL] 스타일 컴포넌트  (0) 2021.07.01
    'React' 카테고리의 다른 글
    • Redux] 리덕스 툴킷에 대해
    • TIL] 리액트 기초복습
    • TIL] Prototype
    • TIL] 라이프사이클 복습
    Nerd
    Nerd
    꾸준히 열심히 지속적으로 하겠습니다!

    티스토리툴바