[ReactJS] props Props:Component 내부의 Immutable Data(변화하지 않는 데이터)를 처리할 때 사용되는 Props props- 컴포넌트 내부의 데이터를 처리할 때 사용된다.- JSX 내부의 { this.props.propsName } 이 있을 때, 컴포넌트를 렌더링할 때 propsName = "value" 이런 식으로 전달하면 된다.- this.props.childeren은 기본적으로 갖고있는 props로써, 여기에 있는 값이 들어간다 props 설정(줄 5, 줄 15) Codelab의 props 값 설정해준다. name을 "jessie"로 설정했다. Children Props(줄 6, 줄 15) Children props는 와 사이에 있는 값 "Hi Children!!!"이 전달된다. 하위 Comp.. 더보기 [ReactJS] Codepen 설정, ES6 클래스, JSX의 특징 JavaScript Class와 JSXJavaScript Class와 JSX: ES6에 새롭게 도입된 문법인 JavaScript Class == Component Codepen 설정- https://codepen.io/pen/ 접속- setting 클릭 1. javascript : babel로 설정한다. 2. Add External Scripts/Pens : https://unpkg.com/react@15/dist/react.js , https://unpkg.com/react-dom@15/dist/react-dom.js 를 추가시킨다. babel로 설정하는 이유는 2015년에 업데이트된 JavaScript 문법인 ES6를 사용하기 위해서다. ES6로 작성된 코드를 이전 문법인 ES5로 변환시켜주는 것이 .. 더보기 [ReactJS] React.JS를 배워보자 React.JS: Facebook에서 UI를 구현하기 위하여 만든 JavaScript Library 우리가 사용할 Skill- ES6 : 2015년에 업데이트된 공식 JavaScript 문법- Redux : 애플리케이션의 상태를 관리하는 라이브러리- Webpack : 각종 모듈 및 플러그인을 통해 프로젝트를 build하는 작업을 도와주는 모듈번들러- Express : Node.JS 환경에서 웹서버 여는 것을 도와주는 프레임워크- MongoDB : SQL DataBase Management System- mongoos : NodeJS 웹서버에서 MongoDB를 간편하게 사용할 수 있게 해주는 프레임워크 앞으로 만들어 볼 프로젝트1. 전화번호부- 서버와 통신하지 않고 로컬스토리지를 사용하는 전화번호부 2. .. 더보기 이전 1 ··· 21 22 23 24 다음
