React

리액트란 메타에서 개발한 자바스크립트 라이브러리이다.컴포넌트 형태로 각 ui를 구분하며 render() 함수를 사용하며 view를 구현한다.리액트를 하기 위해선 node.js 를 설치해야 한다.node.js이 사이트에서 설치하면 된다. 본인 환경에 맞게끔 해주고 설치한

리액트는 기존 js를 확장시킨 jsx(JavaScript XML) 을 사용한다.JSX를 사용하면 React에서 HTML을 작성하고 추가하는 것이 간단해진다.JSX를 사용하면 JavaScript 코드 내에서 HTML을 직접 작성할 수 있다.

지난 글에서도 설명했듯이, jsx는 js를 확장시킨 것이다.js 상에서 html, css 태그를 쉽게 집어 넣을수가 있는데, 그렇다보니기존 js와 사용법이 약간 다르다.무조건 닫는 태그를 사용해야 한다.jsx 에서는 표현식 - {} 를 사용한다.중괄호 {} 안에서는 J

useState 는 리액트에서 제공하는 Hook(훅) 중 하나이다.hook 이란 리액트 16.8 버전부터 제공되는 함수형 컴포넌트에서도React state와 생명주기 기능을 연동할 수 있게 해주는 함수이다.원래 컴포넌트의 저장소 개념인 state 는 클래스형 컴포넌트에

리액트에서 props 는 컴포넌트에서 다른 컴포넌트로 데이터를 전달할 때 사용한다.props 를 전달하는 컴포넌트가 부모 컴포넌트가 되고, 전달받는 컴포넌트가 자식 컴포넌트이다.props 는 기본적으로 변경이 불가능하다. 부모 컴포넌트에서만 값을 변경할 수 있다.값의

1. todo app

기존 리액트에서는 state에 있는 것들을 자식 컴포넌트를 타고 하나한 내려보내야 했는데,이것이 불편하기 때문에 리덕스라는 것이 등장했다.리덕스는 설치해서 사용해야 한다.npm install react-redux 로 설치한다.Store전역 상태를 저장하는 중앙 저장소하