React
-
props 와 stateReact 2022. 3. 24. 23:59
props란? 프로퍼티의 줄임말이며, 상위 컴포넌트(부모)가 하위컴포넌트(자식)에게 값을 전달할때 사용한다. props는 읽기 전용 데이터로서 수정 할 수 없다는 특징을 가지고 있다. 컴포넌트에서의 props //1.함수 컴포넌트에서의 props function Welcome(props) { return Hello, {props.name}; } // 2.클래스형 컴포넌트에서의 props class Welcome extends React.Component { render() { return Hello, {this.props.name}; } } props를 이용한 컴포넌트 렌더링 ... function Welcome(props) { return Hello, {props.name}; } const elemen..
-
React란?React 2022. 3. 7. 22:46
React란? React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 js 라이브러리 "컴포넌트"라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI의 구성을 돕는다. 여기서 사용자 인터페이스란, 사람들과 컴퓨터, 시스템, 기기, 도구 등 그 사이에서 일어나는 상호작용을 매개하는것인데 우리가 흔히 접하는 키보드, 마우스, 아이콘, 도움말 또한 인터페이스라고 이야기 할 수 있다. 앞서, React는 선언적인 라이브러리 라고 이야기 하였다. 프로그래밍에 있어서 선언적인, 혹은 선언형 프로그래밍이란 무엇일까? 선언형 프로그래밍 위키 백과에 따르면 선언형 프로그래밍이란 프로그램이 어떤방법으로(How) 해야 하는지를 나타내기 보다 무엇과(What)과 같은지를 설명하는 경우에 "선언형" ..