본문 바로가기

코딩/리액트31

REST API REST API(REpresentational State Transfer API) "애플리케이션 프로그래밍 인터페이스(API)"의 한 종류. 이는 애플리케이션이나 디바이스가 서로 연결되어 통신할 수 있는 규칙을 정의하는 집합입니다. REST API는 REST 아키텍처 스타일의 디자인 원칙을 준수한다는 것입니다. 이 아키텍처 스타일은 2000년에 Dr. Roy Fielding이 박사 학위 논문에서 처음 정의했습니다. REST API는 개발자들에게 상당한 유연성과 자유를 제공합니다. 이러한 유연성 때문에 REST API는 마이크로서비스 아키텍처에서 컴포넌트와 애플리케이션을 연결하는 일반적인 방법으로 등장했습니다. REST API의 주요 특징: 일관된 인터페이스 (Uniform interface): 동일한 리.. 2024. 2. 14.
SPA, CSR, SSR 리액트는 SPA(Single Page Application) 방식을 채택한 것이며, CSR(Client Side Rendering)로 페이지를 구성합니다. SPA (Single Page Application): 한 개의 페이지로 구성된 어플리케이션 서버로부터 처음에만 페이지를 받아오고 이후에는 동적으로 페이지를 구성해서 새로운 페이지를 받아오지 않는 웹 애플리케이션 페이지가 한번 로딩된 이후 데이터를 수정하거나 조회할 때, 페이지가 새로 고침되지 않고 다른 페이지로 넘어가지 않습니다. 최초 요청 시: 모든 정적 리소스(HTML, CSS, JavaScript)를 다운로드 이후: 필요한 데이터만 서버와 통신하여 페이지를 갱신합니다. 페이지 이동 시: 전체 페이지를 다시 렌더링하지 않고 필요한 부분만 업데이트.. 2024. 2. 13.
state 변경함수 사용할 때 주의점 : async 보호되어 있는 글 입니다. 2023. 9. 24.
실시간 데이터가 중요하면 react-query 보호되어 있는 글 입니다. 2023. 9. 23.
Recoil - Atoms 보호되어 있는 글 입니다. 2023. 9. 23.
Recoil 시작하기 React 애플리케이션 생성하기​ Recoil은 React를 위한 상태 관리 라이브러리다. 따라서 Recoil을 사용하기 위해서는 React가 설치되어 있어야 한다. React 애플리케이션을 시작하는 가장 쉽고 추천하는 방법은 Create React App을 사용하는 것이다. npx create-react-app my-app npx는 npm 5.2+ 이상에서 함께 제공되는 패키지 실행 도구다. 오래된 버전의 npm은 이 설명을 보면된다. 설치​ Recoil 패키지는 npm에 존재한다. 안정한 최신 버전을 설치하기 위해서는 아래의 명령어를 실행하면 된다. npm install recoil 또는 yarn을 사용한다면 이 명령어를 사용하면 된다. yarn add recoil RecoilRoot​ recoil .. 2023. 9. 23.