React.js

props는 속성을 나타내는 데이터로 React가 사용자 정의 컴포넌트로 작성한 엘리먼트를 발견하면 JSX 어트리뷰트와 자식을 해당 컴포넌트에 전달하는 단일 객체이다. 함수 컴포넌트나 클래스 컴포넌트 모두 컴포넌트의 자체 props를 수정해서는 안된다. 개념적으로 컴포

Element는 React 앱의 가장 작은 단위이다. 엘리먼트는 화면에 표시할 내용을 기술한다.이런 div가 html에 있다고 할때, 이 안에 들어가는 모든 엘리먼트를 React DOM에서 관리하기 때문에 이것을 “루트(root)” DOM 노드라고 부른다.\*React

Props 는 컴포넌트 외부에서 컴포넌트에게 주는 데이터이다.props는 속성을 나타내는 데이터로 React가 사용자 정의 컴포넌트로 작성한 엘리먼트를 발견하면 JSX 어트리뷰트와 자식을 해당 컴포넌트에 전달하는 단일 객체이다. 함수 컴포넌트나 클래스 컴포넌트 모두 컴

props나 state를 새로 지정했을 때 바로 호출된다.componentWillReceiveProps는 state의 변경에는 반응하지 않고 props를 새로 지정했을 때 바로 호출된다.여기서 props 의 값에 따라 state 를 변경해야 한다면,setState 를

프로젝트 만들기npx create-react-app 프로젝트이름리액트 스크립트 개발자 모드로 실행 (변경 내용 바로 반영)npm start끝내기-> cmd+c배포하기 위해 프러덕션 모드로 만들기npm run buildbuild폴더가 만들어진 후에는 다음과 같이 실행 할

\-라우팅(Routing) : 주소에 따라 다른 View를 보여주는 것.React는 Single Page Application 이라는 데이터 통신 기법을 사용한다. Single Page Application 이란 고전 서버 통신의 경우 html 과 js와 control

\-a tag: 앱을 새로고침하면서 경로를 이동합니다.\-브라우저의 주소를 바꾸고,맞는 Route 로 화면을 변경합니다.\-import { Link } from 'react-router-dom'; 한다. \-activeClassName, activeStyle 처럼 ac

완성된 프로젝트 폴더 안에서 npm ci:개발자들이 개발환경을 (pakcage에 대한) 지속적으로 통합할 수 있도록 하는 커맨드. npm run build: production 모드로 빌드, build 폴더 안에 배포에 필요한 파일들이 만들어진다. build/stati

리덕스는 가장 많이 사용하는 리액트 상태 관리 라이브러리입니다. 리덕스를 사용하면 컴포넌트의 상태 업데이트 관련 로직을 다른 파일로 분리시켜서 더욱 효율적으로 관리할 수 있다. 또한, 컴포넌트끼리 똑같은 상태를 공유해야 할 때도 여러 컴포넌트를 거치지 않고 손쉽게 상태