k777agent 님의 블로그

서론이번 캡스톤 프로젝트의 결과물을 보여주기 위하여 프런트엔드와 백엔드로 프로그램 작동을 구현시키려고 합니다. 이때 React와 Fast-api로 만들려고 하는데 설치 및 이 2개의 프로그램을 사용한 이유에 대해서 이야기 해보려고 합니다. 🛠️ 설치 방법1. React 설치npx create-react-appnpm startcreate-react-app을 이용하면 프로젝트 템플릿이 자동으로 생성되며, 개발 서버가 자동으로 열립니다 2. FastAPI 설치# 가상환경 설정 (선택 사항)python -m venv venvsource venv/bin/activate # Windows는 venv\Scripts\activate# FastAPI와 Uvicorn 설치pip install fastapi uvico..

React Query가 만들어진 이유와 React Query를 사용할 때 얻게 되는 이점에 대해 설명해달라는 기술면접 질문을 가지고 왔습니다. 이번에 이 질문에 대해서 어떻게 생각하고 이해하는지를 알기 위해서 React Query에 대한 설명과 장점에 대해서 이야기 해볼려고 합니다.목차React Query란?React Query의 동기React Query의 장점간편한 데이터 관리상태 관리 및 오류 처리의 용이성사용자 경험 향상을 위한 기능 제공React Query란?React Query는 React 애플리케이션에서 비동기상태를 관리하는 라이브러리입니다. tanstack이라는 프로젝트에서 만들어진 오픈소스로, 현재 @tanstack/query 하위에 패키지로 관리되고 있습니다.강력한 비동기상태관리를 위한 ..

Boiler Plate 이란?Create React App(CRA)은 Facebook 에서 만든 리액트의 보일러 플레이트(Boiler Plate)입니다.컴퓨터 프로그래밍에서 보일러 플레이트 코드 또는 보일러 플레이트란 변형이 거의 또는 전혀 없이 여러 위치에서 반복되는 코드 섹션입니다.출처 : 위키백과 매번 반복되는 절차를 미리 구현해 놓아 재사용 가능하게 만들어놓은 프로그램같은 의미라고 볼 수 있습니다. 그래서 웹개발 쪽에선 개발을 시작할 초석이 되는 template 같은 의미로 보일러 플레이트라는 말을 쓰는듯합니다.그리고 CRA가 바로 리액트의 보일러 플레이트중 하나입니다.Create React App (CRA) 이란?손쉽게 최신의 리액트 앱을 설정할 수 있도록 하는 명령어아무런 초기 설정 없이도 C..

서론React란 무엇이고 정의와 특징에 대해 설명하려 합니다. 또한 React에서 나오는 기술면접 질문에 답을 해보려고 합니다.React란?리액트(React, React.js 또는 ReactJS)는 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다. 페이스북과 개별 개발자 및 기업들 공동체에 의해 유지보수된다.출처: 위키백과React는 facebook에서 제공하는 프런트엔드 라이브러리입니다.싱글 페이지 애플리케이션이나 모바일 애플리케이션 개발에 사용될 수 있습니다.React를 사용하는 이유?React를 사용하지 않더라도 html, css, javascript를 활횽하여서 웹페이지를 제작할 수 있지만 React를 활용하면 JSX를 JavaScript에 넣음으로써 간결하고 가독성이 ..