JavaScript/React/Redux

What is React >

먼저 Redux를 사용하려면 yarn add redux or npm install redux 명령어를 실행한다.import { createStore } from 'redux'redux의 createStore를 import한다.store는 data, state를 관리하는

Vanilla Redux - To Do List >

리액트 프로젝트를 진행하기 위해서는 아래와 같이 3가지 방법으로 진행할 수 있다.yarn을 이용해서 설치를 진행해볼 것입니다yarn create react-app 명령어를 이용해서 설치를 끝낸 뒤 해당 폴더로 들어가보면 많은 것들이 생긴것을 확인할 수 있다.yarn 명

해당 컴포넌트에서 가지고있는 date를 의미한다.부모로부터 전달 된 properties(속성)의 약자인 props이다.자바스크립트 코드 위에서 간단하게 HTML처럼 할 수 있도록 만들어 진 것이 JSX이다.className이라고 class를 지정해야 된다.onClick

리액트는 각각의 컴포넌트들로 묶여있다. 컴포넌트를 만드는 방법에는 Class, Function을 이용해서 만드는 방법 2가지가 있다. Class Component > 리액트에서 제공하는 컴포넌트 클래스를 상속받아서 만든다. > Function Component >

리액트를 사용해서 프로젝트를 하나 진행해 볼 것이다.전체 습관의 개수를 셀 수 있다.사용자가 입력창에 입력한 뒤 추가 버튼을 누르면 하나의 습관을 목록에 추가한다.각각의 목록을 추가하고, 감소시킬 수 있다.각각의 목록을 삭제 할 수 있다.Reset 버튼을 누르면 모든

명령어를 사용해서 폰트어썸을 받아서 프로젝트에 아이콘들을 넣어서 사용해 볼 것이다.fontawesome을 설치 한 다음에는 리액트에서 사용할 때 컴포넌트 단위로 사용할 수 있다.위와 같이 여러 방식으로 사용할 수 있지만, 아래의 코드로 추가해 볼 것이다.위의 impor

state에 배열안에 객체들을 담고 있는 값을 map을 이용해서 각각의 li태그들로 자식 컴포넌트를 만드는 과정에서 한 가지 오류가 발생했다.아래와 같은 오류가 발생하였는데 여기서 에러 문구를 잘 살펴보면, 리스트에서는 고유한 key를 사용 해야 된다! 라는 문구가 나

React에서는 input에 입력된 값을 어떻게하면 가져올 수 있을까? > input태그에 값을 입력하면 state에 새로운 객체값을 하나 추가하는 로직을 구현하고 있었는데 input태그의 값을 얻어와서 처리하는 방법을 고민 중이었다. > > DOM에서는 input에