[ React ] 오류 해결 노트(1) - 정리에 서두가 없으니 'Ctrl + F'로 검색해서 볼 것.

// 리액트 프로젝트 만드는 법

터미널에 하위 명령어 입력

npm install -g create-react-app

입력하고 난 뒤

create-react-app 프로젝트명

입력했는데 

* PSSecurityException 이라는 오류 발생 시

PSSecurityException : 최신버전이 아니라는 이유
CMD를 관리자 권한으로 켜서 

 

1.

npm install -g create-react-app

2.

create-react-app management

입력하고 재 다운로드

* npm ERR! code ENOENT

위의 오류일 경우, 

create-react-app을 한 디렉토리로 이동하지 않은 채
npm run start 해서 그렇다.

 

해결 >> Terminal에서 create-react-app한 디렉토리의 경로까지 가서 npm run start 입력

 

// push 함수는 원본을 바꿈

this.state.contents.push(
   {id:this.max_content_id, title:_title, desc:_desc}
);

 

 

// push 함수를 쓸거면
// Array.from()으로 복제 ; 성능을 튜닝할 때 필요함

var newContents = Array.from(this.state.contents);
newContents.push({id:this.max_content_id, title:_title, desc:_desc});

 

// concat 함수는 원본을 바꾸지 않고 추가함

var _contents = this.state.contents.concat(
  {id:this.max_content_id, title:_title, desc:_desc}
)
this.setState({
  contents:_contents
});

 

 

// React Import 또는  React 기본 구조

 

js파일마다 필수적으로 해줘야함.

 

import React, { Component } from 'react';

Component 파일에 필수적으로

class 컴포넌트명 extends Component{
    render() {
        return(
        
        );
    }
}

export default 컴포넌트명;

 

 

 

React 할 때 도움을 줄 모듈들

 

// Immutable

- https://immutable-js.github.io/immutable-js
- 이 라이브러리는 배열, 객체의 대체제로 사용할 수 있음
- 모든 연산이 원본을 변경하지 않고 복제된 원본을 변경한 것을 리턴
- react와 단짝임

// router

- https://reacttraining.com/react-router
- npm 같은 것을 통해서 플러그인 해서 사용함

 

// create-react-app

// npm run eject

- 한번 eject을 하면 돌아갈 수 없음

 

// redux

- 중앙에 데이터 저장소를 하나 만들고, 모든 컴포넌트는 중앙에 있는 저장소와 직접 연결됨
- 모든 컴포넌트가 영향을 받음

 

// react server side rendering

- 초기 구동시간을 단축시킬 수 있음

// react native