본문 바로가기

state2

[React] state 몬스터 흰색은 왜 맛있을까 예제와 함께 이해를 해볼 예정🔥🔥🔥 먼저 앞서 요약해서 말하면 props는 부모 컴포넌트가 자식 컴포넌트에게 주는 값이다. 자식 컴포넌트에서는 props를 받아오기만하고, 받아온 props를 직접 수정은 불가능하다. 반면에 state는 컴포넌트 내부에서 선언하며 내부에서 값을 변경 할 수 있다. 1. state 란? State는 props처럼 App 컴포넌트의 렌더링 결과물에 영향을 주는 데이터를 갖고 있는 객체지만, props는 (함수 매개변수처럼) 컴포넌트에 전달되는 반면 state는 (함수 내에 선언된 변수처럼) 컴포넌트 안에서 관리된다는 차이가 있다. props를 사용했는데도 state를 사용하는 이유는, 사용하는 쪽과 구현하는 쪽을 철저하게 분리시켜서 양쪽의 편의성을 .. 2023. 1. 16.
[React] React란? 장비를 사는 것도 구하는 것도 쉽지 않다. 1. 리액트(React.js)란? React는 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다. 페이스북에서 제공해 주는 프런트엔드 라이브러리이며, 컴포넌트 기반으로 되어 있어서 컴포넌트에 데이터를 내려주면 개발자가 설계한 대로 UI를 만들어 사용자에게 보인다. 웹 페이지를 만들기에는 html, css 로도 충분하지만 html, css 만으로 동적인 데이터를 UI에 뿌려주기에는 적합하지 않다. 이때 리액트를 이용한다면 사용자와 상호작용할 수 있는 UI를 손쉽게 만들 수 있기 때문에 리액트를 사용한다. React는 facebook에서 제공해 주는 프런트엔드 라이브러리라고 볼 수 있다. 싱글 페이지 애플리케이션이나 모바일.. 2023. 1. 16.
반응형