react5

• 

  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.. React 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 React 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 가 되지 않아서 생기는 오류이다. React 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 Server 2019. 12. 5.