( 리액트 ) 리액트 노트 – 급하게 정리할 필요가 없으니 Ctrl + F 로 찾아보세요.

// React 프로젝트 생성 방법

터미널에 하위 명령 입력
npm install -g create-react-app
입장 후
create-react-app 프로젝트 이름
나는 들어갔다

* PSSecurityException이라는 오류가 발생한 경우

PSSecurityException: 버전이 최신이 아닌 이유는 무엇입니까?
CMD를 관리자 권한으로 실행

1.
npm install -g create-react-app
2.
create-react-app 관리
입력하고 다시 다운로드

* npm 오류! 코드 에노엔트

위의 오류인 경우

create-react-app을 디렉토리로 이동하지 않고
npm 실행 시작 그래서이다

해결 >> 터미널에서 create-react-app 디렉토리의 경로까지 가다 npm 실행 시작 입력

// 푸시 기능이 원본을 대체합니다.

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

// 푸시 기능을 사용하려는 경우
// 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({
내용:_내용
});

React에 도움이 되는 모듈

// 불변

– https://immutable-js.github.io/immutable-js
– 이 라이브러리는 배열 및 개체를 대체하여 사용할 수 있습니다.
– 모든 작업은 원본을 변경하지 않고 복제된 원본으로 변경 사항을 반환합니다.
– 반응이 가장 좋은 친구

// 라우터

– https://reacttraining.com/react-router
– npm을 통해 플러그인으로 사용

// 반응 앱 생성

// npm 실행 꺼내기

– 한 번 방출되면 다시는 돌아오지 않습니다.

// 리덕스

– 중앙 데이터 저장소를 만들고 모든 구성 요소가 중앙 저장소에 직접 연결
– 모든 구성 요소가 영향을 받음

// 서버 사이드 렌더링 반응

– 초기 운전 시간 단축 가능

// 네이티브 반응