react 썸네일형 리스트형 [ReactJS] state 내부 배열 처리하기 - Immutability Helper / ES6 spread state 안에 있는 배열에 변화를 주는 방법1. concat- 기존 배열을 그대로 두고 새 배열을 생성한다. 2. Immutability Helper- 객체나 배열을 좀 더 쉽게 수정하게 해준다.- 이것을 사용하기 위해서는 라이브러리를 사전 설치해줘야 한다.- 설치 방법 : npm을 통한 설치- $npm install --save react-addons-update- import update from 'react-addons-update' - 원소 추가12345678this.setState({ list: update( this.state.list, { $push: [newObj, newObj2] } );});cs- (줄 3) 첫 번째 인수 : 처리해야할 객체나 배열- (줄 4~6) 두 번째 인수 : 처.. 더보기 [ReactJS] 개발환경 설정, 프로젝트 진행 1. 작업환경 설정하기1) GIT : 버전관리 시스템2) NPM / NODE- Node.js는 자바스크립트를 서버환경에서 실행하는 자바스크립트 런타임이다. - NPM은 Node.js로 만들어진 모듈들을 설치 및 버전관리 할 수 있는 프로그램이다.- Node.js를 설치하면 NPM도 함께 설치된다.3) MONGODB4) EDITOR 2. React Project 만들기1) Global Dependency 설치1$npm install -g webpack webpack-dev-servercs 2) webpack : 브라우저 위에서 import를 할 수 있게 해주고 자바스크립트 파일을 하나로 합쳐준다. 3) webpack-dev-server : 별도의 서버를 구축하지 않고도 static 파일을 다루는 웹서버를 .. 더보기 이전 1 다음