react(2)
-
2. props & state
1. props 리액트의 특징 중 하나는 '단방향 흐름'이다. 단방향 흐름이란 말 그대로 데이터가 한 방향으로 밖에 나갈 수 없다는 것이다. 즉, 데이터는 상속관계에서 상위 컴포넌트에서 하위 컴포넌트로 밖에 줄 수 없다는 말이다. 이때 하위 컴포넌트에 전달할 수 있는 방법이 props이다. 2. state state는 각 컴포넌트의 '상태'이다. props는 단순히 데이터를 전달한다는 것에 그친다면, state는 해당 컴포넌트의 상태로 가지고 있을 수 있을 수 있다. 예제) ReactDOM.render( , document.getElementById("app") ); //App class App extends React.Component { constructor(props) { super(props); ..
2020.09.12 -
1. React, Component & JSX
많이 유명한 javascript의 라이브러리로 사용자의 인터페이스를 만들기 위해 사용한다. 아마 초보 및 막 시작한 사람들이 페이지를 작성한다면 html내에서 태그를 통해 작성을 할 것이다. react도 html을 쓴다는 것은 같지만, html 태그를 jsx의 형태로 바꾸어 작성한다는 차이점이 있지만, 다음과 같은 특징이 있다. 1. Component Component를 쉽게말하면 화면에 보이는 '뷰 단위'이다. 버튼, 창, 네이게이터 이런 것 하나하나가 모두 컴포넌트라고 불릴 수 있다. 우리가 html에서 div 혹은 section태그로 단위를 묶어서 영역을 나누는 것을 react에서는 이런 것들을 하나의 Component로 작성한다고 할 수 있다. 예를 들어 하나의 버튼을 만든다고 생각하면, 다음과 ..
2020.09.06