Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임(프로그래밍 언어가 구동되는 환경)운영체제 별로 설치파일을 다운받으면 된다. Nodejs.org 사이트에서 노드 최신 버전을 설치두 가지 버전을 선택하여 설치할 수 있다. 왼쪽 짝수 버전,
리액트 프로젝트를 시작하는데 필요한 개발 환경을 세팅 해주는 도구(toolchain)CRA는 리액트로 웹 애플리케이션을 만들기 위한 환경을 제공바벨과 웹팩테스트 시스템ES6+ 문법CSS 후처리 등Javascript에서의 빌드 툴체인의 구성Package Managerya
JSX 는 리액트에서 생김새를 정의할 때, 사용하는 문법입니다. 얼핏보면 HTML 같이 생겼지만 실제로는 JavaScript React는 별도의 파일에 마크업과 로직을 넣어 기술을 인위적으로 분리하는 대신, 둘 다 포함하는 “컴포넌트”라고 부르는 느슨하게 연결된 유닛으
type과 props를 가지는 React의 객체React.createElement(type, props, ...children) 를 이용하여 만들어진 객체type : HTML 태그 이름props : 이름 외의 property ( class 등)child : 태그 안에
https://overreacted.io/ko/how-are-function-components-different-from-classes/글을 읽고 정리한 내용입니다.리액트에서 함수형 컴포넌트와 클래스의 차이 - 고전적인 답변클래스는 함수형 컴포넌트에 비해 더
리액트 컴포넌트에서 다루는 데이터는 props와 state가 있다. (class용 설명)props부모 컴포넌트가 자식컴포넌트에게 주는 값자식 컴포넌트는 props 에서 받아오기만 하고, props를 직접 수정할 수는 없음state 컴포넌트 내부에서 선언한 값내부에서 값
Hook 이 뭐야?함수 컴포넌트에서 React state와 생명주기 기능(lifecycle)을 연동(hook into)할 수 있게 해주는 함수입니다.Hook은 class안에서는 동작하지 않지만, class없이 react를 사용할 수 있도록 해준다.Hook이 지켜야할 규
왜 전역 상태관리가 필요한가?화면이 복잡해지게되면 컴포넌트 간의 상태 교환도 복잡해지기 때문에 관리가 어려워진다.그래서 전역적으로 상태를 관리하여 더 편하게 관리 할 수 있게 한다.상태관리 라이브러리들의 종류Context API리액트 내장 라이브러리Redux가장 많이