React 2

리엑트 state와 props 란?

우리가 웹 페이지를 이용할 때는 알게 모르게 수많은 상호작용을 합니다. 그냥 단순히 클릭으로 다음 페이지로 넘어가는 경우도 있지만, 클릭으로 웹 페이지의 어떤 상태를 바꾸는 경우가 많습니다. 대표적으로는 좋아요 버튼이나, 댓글 작성등이 있습니다. 그렇기 위해서는 웹페이지 안에 다양한 곳에 배치된 컴포넌트끼리 데이터를 주고 받는 방법이 필요 합니다. 그때 필요한 것이 바로 state와 props 입니다. 1. props (속성)이란?부모 컴포넌트가 자식 컴포넌트에게 데이터를 전달 할때 사용하는 읽기 전용 값입니다. 다음과 같은 부모 컴포넌트가 있습니다. 여기서 임포트를 통해 Child 파일과 연결 해줍니다. 그리고 이 자식 컴포넌트에서 props 라는 개체를 만듭니다. 그러면 부모로 붙어 받은 개체 데이..

리엑트란?

0. 리엑트란? 리엑트는 메타플랫폼즈(구 페이스북)에서 만든 오픈소스 자바스크립트 라이브러리 입니다. 쉽게 말해서 자바스크립트에 JSX 라는 문법을 추가하여 UI를 더 쉽고 선언적으로 구성할 수 있게 만든 것입니다. 선언적은 무엇을 어떻게 할지 절차적으로 만드는 명령형과는 정 반대입니다. 즉, 이 상태라면, 어떻게 해라 처럼 선언하는 것입니다. 예를 들어 설명하면, 개발자가 데이터 상태에 따라 원하는 것을 보여줘 라고 작성해 놓으면, 사용자가 웹사이트를 이용하면서 상태를 바꿀 경우(클릭, 입력 등등) 그에 맞는 UI 화면으로 바꿔 줄수 있게 만드는 것입니다. 1. 자바 스크립트와의 차이 구분 ..

카테고리 없음 2025.05.23