React.js

컴포넌트는 리액트를 만들어진 앱을 이루는 최소한의 단위이다.리액트는 여러 컴포넌트 조각으로 이루어져 있음.원래는 클래스형 컴포넌트를 많이 사용했지만,지금은 함수형 컴포넌트를 이용해서 많이 개발을 한다.

리액트의 주요 특징 중 하나는 리액트는 가상돔을 사용한다는 것이다.이 과정을 통해 웹 페이지가 그려지게 되는 건데,문제는 어떤 인터렉션에 의해 DOM에 변화가 생기면그 때마다 Render Tree가 재생성되니까 말그대로 저 과정이 다시 반복되는 거임인터렉션이 적은 웹은

요즘에는이렇게 명령어로 간단하게 설치 가능함.그러면 자동으로 웹팩과 바벨이 설치됨웹팩(Webpack)과 바벨(babel)설치 후 리액트 앱을 만들 폴더 생성터미널 실행코드 입력이렇게 입력하면 현재 디렉토리에 설치됨이렇게 입력하면 리액트가 실행돼서 localhost:30

웹팩은 오픈소스 자바스크립트 모듈 번들러이다.여러개로 나누어져 있는 많은 파일들을 하나의 자바스크립트로 압축하고 최적화하는 라이브러리이다.왼쪽의 엄청 많은 파일들을 모아서 오른쪽처럼 js파일 하나, css파일 하나, jpg파일 하나, png파일 하나 이렇게 만들어준다.

리액트 설치 후 리액트 앱의 기본 구조는 아래와 같다.public/index.html → 페이지 템플릿src/index.js → 자바스크립트 시작점리액트 앱 개발이 이루어지는 메인 폴더이다.우리는 JS 파일과 CSS 파일들을 src 폴더 안에 넣으면 된다.웹팩이 src