본문 바로가기

react2

[Redux]리덕스 시작하기 redux Redux는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너이다. 일관적으로 동작하고, 서로 다른 환경(서버, 클라이언트, 네이티브)에서 작동하고, 테스트하기 쉬운 앱을 작성하도록 도와준다. 다시말해 React에서 부족한 상태를 관리하기 위한 도구로 Redux를 사용한다. npm install --save redux Redux는 위와 같이 설치할 수 있다. Redux는 3가지 특징이 있다. 1. 여러 state를 하나의 store에 저장할 수 있다. 서버로부터 가져온 상태는 시리얼라이즈되거나(serialized) 수화되어(hydrated) 전달되며 클라이언트에서 추가적인 코딩 없이도 사용할 수 있다. 또한 하나의 상태 트리만을 가지고 있기 때문에 디버깅에도 용이하다. 2. State는 읽기 .. 2020. 5. 30.
[React]React Core Concept react react란 페이스북에서 제공하는 자바스크립트 UI 라이브러리로, 프론트엔드 라이브러리다. 웹페이지를 만들기 위해서 이전에 비해 굉장히 동적으로 변했기 때문에 동적인 부분을 처리하기 위해 기존 HTML CSS 만으로는 한계가 발생하기 때문에 컴포넌트 단위로 작동하는 react를 사용하는 것이 대규모 프로젝트를 진행하기에 유용하다. npx create-react-app my-app cd my-app npm start react를 설치하기 위해서는 react공식 홈페이지에서 제공하는 설치법에 맞춰서 하면 된다. JSX란? 기존의 자바스크립트에 확장된 문법을 의미한다. 기본적으로는 html과 유사한 특징을 가지며, react에서 자바스크립트에서 UI코드작업을 할때 시각적 도움을 줄 수 있도록 만들어.. 2020. 5. 25.