웹프로그래밍/react 썸네일형 리스트형 react 공부하기 4 index 에서 import app를 할 때 app 에서 각 하위 요소를 다시 import 함으로써 코드를 나눌수 있다. props나 state의 값이 바뀌면 해당하는 component의 render함수가 다시 실행된다. 태그 안에서의 함수에 this는 component의 this와 연결 되지 않기 때문에 bind(this)를 해주고 state의 값은 setstate를 통해 넣어주어야 한다. 더보기 react 공부하기 3 props와 state를 이용한 react 기초 소스 react component에서 다루는 데이터는 props와 state로 나뉩니다. props : 부모 컴포넌트가 자식 컴포넌트에게 주는 값입니다. 자식 컴포넌트에서는 props를 받아오기만 하고 받아온 props를 직접 수정할 수는 없습니다. state : 컴포넌트 내부에서 선언하며 내부에서 값을 변경 할 수 있습니다. See the Pen simple ex1 by hyunseo91 (@hyunseo91) on CodePen. 위의 소스를 react props를 이용해 다시 작성 했을 때 See the Pen zQEQge by hyunseo91 (@hyunseo91) on CodePen. 위의 소스를 react state를 이용해 다시 작성 했을 때.. 더보기 react 공부하기 1 페이스북에서 만든 UI 라이브러리 1. 가독성 2. 유지보수 3. 재사용성 장점을 가졌다. -> 공식문서 online playground 자신의 컴퓨터에 환경을 구현하기 힘드니까 온라인 환경 codesandbox에서 연습 할수 있음 tool chain -> 여러가지 기능을 제공하는 툴 -> 그중에 Create-react-app 사용 npm -> node js을 이용해서 만들어진 app을 명령어 환경에서 손쉽게 설치 할 수 있는 도구 ( node js계의 play store 같은 역할을 하는 도구(?) ) node js 설치 -> 사이트에서 다운로드 -> 명령어 창에서 node js 와 npm 설치 확인 npm -v create-react-app 설치 -> 명령어 창에 npm install -g creat.. 더보기 이전 1 다음