반응형 react6 🧠 파이썬 웹 프레임워크 비교와 FastAPI + React 연동 프로젝트 구축 가이드 현대 웹 개발에서 빠른 속도와 유연한 아키텍처는 선택이 아닌 필수입니다. 파이썬은 다양한 웹 프레임워크를 제공하지만, 각각의 장단점을 이해하고 프로젝트에 맞는 프레임워크를 선택하는 것이 중요하죠. 이번 글에서는 대표적인 웹 프레임워크인 Django, Flask, FastAPI를 비교하고, FastAPI를 이용해 React 프론트엔드와 연동하는 방법까지 소개해드리겠습니다. 📊 파이썬 웹 프레임워크 비교프레임워크주요 특징성능 (속도)난이도비동기 지원문서 자동화생태계/커뮤니티사용 예시Django올인원 패키지 (ORM, Admin 등)중간쉬움제한적일부 지원매우 활발블로그, CMSFlask가벼운 구조, 확장성빠름중간가능미지원활발소형 API, 개인 서비스FastAPI타입 기반, 비동기 최적화매우 빠름쉬움기본 지원.. 2025. 4. 9. TypeScript JSX (TSX) 파일을 웹에서 보여주기 위한 완벽 가이드 TypeScript JSX (TSX) 파일을 웹에서 보여주기 위한 완벽 가이드안녕하세요, 개발자 여러분! 오늘은 React와 TypeScript를 함께 사용할 때 필요한 TSX 파일 환경설정에 대해 알아보겠습니다. TypeScript의 타입 안정성과 React의 컴포넌트 기반 개발의 장점을 모두 활용하는 방법을 단계별로 안내해 드리겠습니다. 왜 TypeScript와 React를 함께 사용해야 할까요?TypeScript는 JavaScript에 정적 타입을 추가하여 개발 시 많은 오류를 사전에 방지할 수 있게 해줍니다. React와 함께 사용하면 다음과 같은 이점이 있습니다:컴포넌트 props와 state에 대한 타입 검사더 나은 IDE 지원과 자동 완성리팩토링 시 안정성 향상대규모 애플리케이션에서의 유지보.. 2025. 3. 19. React Firebase 연동 오류 해결(v8 => v9) 기존에 잘 들어가던 코드가 어느날 아래와 같은 오류가 발생하였습니다. Failed to compile. ./src/fbase.js Attempted import error: 'firebase/app' does not contain a default export (imported as 'firebase'). 요약하면 firebase 를 import 할 수 없다는 내용이었습니다. 찾아보니 버전문제였고 firebase 버전 9부터 사용법이 아예 바뀌었습니다. 버전8까지 import import firebase from 'firebase/app'; import 'firebase/auth'; import 'firebase/firestore'; 버전9 // v9 compat packages are API compa.. 2022. 12. 24. [React Err]Module not found: Error: Can't resolve 'web-vitals' React 개발중에 "Module not found: Error: Can't resolve 'web-vitals'" 메시지의 오류가 뜨면 해당 모듈을 설치해주어야 한다. 아래와 같은 명령어로 설치한다. npm install --save-dev web-vitals 2022. 12. 4. [React]'React' must be in scope when using JSX react/react-in-jsx-scope 현상 리액트 빌드시 'React' must be in scope when using JSX react/react-in-jsx-scope 라는 메시지가 발생하면서 페이지가 열리지 않을때 솔루션: import React, { Component } from 'react'; 다음과 같이 import 가 되지 않아서 생기는 오류이다. 2022. 10. 11. Windows React 개발환경 구축 1. https://nodejs.org 에서 node.js LTS 버전으로 설치. 2. create-react-app 설치 $ npm install -g create-react-app 3. create-react-app으로 프로젝트 생성 $ create-react-app [project name] 4. 폴더로 이동해서 npm start 명령으로 실행 $ cd [project name] $ npm start 2019. 12. 5. 이전 1 다음 반응형