리액트

리액트 : 어떤 데이터가 변할때마다 어떤 변화를 줄지 고민하는게 아니라 기존 뷰를 날리고 새로 렌더링 하는 방식의 오직 뷰만 신경쓰는 라이브러리node.js : 웹브라우저가 아닌 환경에서 자바스크립트 사용하여 연산이 가능하게 해주는 자바스크립트 런타임javascript

컴포넌트를 작성할때는 함수컴포넌트와 Hooks 라이브러리 사용을 권장props : properties의 약자로 컴포넌트의 속성을 설정할 때 사용하는 요소state : 컴포넌트 내부에서 바뀔 수 있는 값을 의미한다.props는 부모 컴포넌트에서 지장한 값을 자식컴포넌트가

초기값, 설정값을 설정 할 수 있다. 함수 컴포넌트에서 상태를 관리해야 할 경우 사용된다.컴포넌트가 렌더링 될 때마다 특정잡업을 수행하도록 설정한다.2번째 인자에 따라 실행조건이 달라진다.렌더링 시, 업데이트 시 실행시키지 않으려면 두번째 인자로 비어있는 배열을 넣어

하나의 페이지로 이루어진 어플리케이션으로 HTML을 서버로부터 한번만 받아와 어플을 실행시킨 후 다음 요청엔 새로운 HTML을 받아 로딩하는것이 아닌 데이터만 받은 후 화면을 업데이트 한다.라우팅 : 사용자가 요청한 URL에 따라 알맞은 페이지를 보여주는것

리액트 어플리케이션은 컴포넌트 간에 데이터를 props로 전달하기 때문에 컴포넌트 여기저기 필요한 데이터게 있는 경우 최상의 컴포넌트인 app의 state에 넣어서 관리한다. 컴포넌트가 많아지고 복잡해지면 상태 업데이트 함수를 전달할 때도 복잡하게 여러번 거쳐서 전달해

결과물을 깃헙 페이지에 업로드 할 수 있게 해주는 패키지깃헙에서 제공하는 무료 서비스패키지 추가 : yarn add gh-pages gh-pages 패키지 추가하기package.json : "hompage":"https://<git_id>.github.i