state
-
[React] 데이터 흐름codeStates front-end/React 2023. 2. 2. 16:23
📌리액트 데이터 흐름 📍단방향 데이터 흐름( one-way data flow ) React는 페이지 단위가 x -> 컴포넌트 단위 컴포넌트를 만들고 -> 페이지를 조립 (상향식(bottom-up)으로 컴포넌트 구조를 짠다) 컴포넌트는 컴포넌트 바깥에서 props를 이용해 데이터를 마치 전달인자 혹은 속성처럼 전달 받음 데이터를 전달하는 주체 : 부모 컴포넌트 -? 데이터 흐름이 하향식(top-down) 이를 단방향 데이터 흐름이라고 한다 💡 props와 state의 설명 이해하기 [React] State & Props & 렌더링 정의 📌리액트 개념 📍State & Props State : 살면서 변할 수 있는 값(상태) 컴포넌트의 사용 중 컴포넌트 내부에서 변할 수 있는 값 Props : 성별이나 이름처..
-
[React] State & Props & 렌더링 정의codeStates front-end/React 2023. 1. 25. 23:11
📌리액트 개념 📍State & Props State : 살면서 변할 수 있는 값(상태) 컴포넌트의 사용 중 컴포넌트 내부에서 변할 수 있는 값 Props : 성별이나 이름처럼 변하지 않는 외부로부터 전달받은 값 ex) 어떤것이 Props 또는 State에 적합할까? 이름 성별 나이 현재 사는 곳 취업 여부 결혼/연애 여부 정답 : Props - 이름, 성별 State - 성별, 나이, 이름, 현재 사는 곳, 취업 여부, 결혼/연애 여부 props의 특징 컴포넌트 속성(property) 웹어플리케이션에서 해당 컴포넌트가 가진 속성에 해당 부모 컴포넌트(상위 컴포넌트)로부터 전달받은 값 컴포넌트가 최초 렌더링 될 때 화면에 출력하고자 하는 데이터를 담은 초깃값 객체 형태 읽기 전용이다 -> 함부로 변경될 수..