
페이스북에서 개발한 javascript library로 대규모 웹애플리케이션에서 데이터가 빈번하게 변경되는 상황에서 뛰어난 성능을 발휘콤포넌트기반 아키텍쳐를 제공높은 재사용성과 유지보수성많이들사용하기에 알아야 하고 아주 잘 활용할 수 있어야 한다.Node.js와 NP

Javascript에 Type을 추가한 언어type이 맞지 않으면 컴파일이 안된다.Javascript가 아니므로 컴파일이 되어야 한다.react project를 typescript프로젝트로 만들려면 다음과 같이 프로젝트를 생성한다. npx create-react-ap

리액트는 레고처럼 블럭들을 조립하는 방식으로 구성된다. 레고블럭이 콤포넌트에 해당하며 함수형 또는 클래스형으로 정의할 수 있으며 style-component 라이브러리로 css free한 컴포넌트 작성방법도 제공한다.모든 콤포넌트의 라이프사이클에 해당하는 mount,

다크모드를 지원하려면 사용해야 한다. 모든 색상들을 가지고 있는 객체이다. styled-component와 함께 사용되며 ThemeProvider를 포함시켜야 한다.먼저 darkTheme객체와 lightTheme객체를 같은 필드를 갖는 객체로 정의한다.App 콤포넌트

React Router는 5.x와 6.x에서 많은 변경이 있다. 여기서는 6.x만 설명한다.Next.js는 CRA와 별개로 제공되는 React framework로 리액트로 앱을 만들기 위한 모든 기능을 제공하며 서버사이드렌더링도 지원한다. 그리고 라우팅을 파일시스템 경

애플리케이션의 데이터를 관리해준다.데이터 가져오기, 캐싱, 동기화 및 업데이트를 간편하게 해줌.실시간 데이터 업데이트와 자동 동기화를 지원데이터 캐싱으로 불필요한 API 요청을 줄일수 있음서버통신 상태관리를 간편하게 해줌설치npm i react-query위와 같이 Ap

배포판을 만들려면 아래 명령을 실행한다.npm run build를 실행하면 build폴더에 배포할 파일들이 생성된다.기본배포는 domain의 루트에 배치해야 실제 웹서버에서 서비스된다.domain의 하위 경로에 배포하려면 아래의 순서대로 해야 한다.package.jso

child 콤포넌트를 갖는 콤포넌트를 작성하는 경우에 children이라는 객체가 props로 전달되어져 오게 된다.Parent가 다른 콤포넌트를 품을수 있도록 하려면 위와 같이 할 수 있다.Parent가 children을 품지 않고 바로 해당 콤포넌트를 리턴할수도 있