분류 전체보기

firebase.js파일에 export default firebase; 를 입력하여 firebase를 export해오려 했으나 다음과 같은 오류가 떴다. firebase 8 버전과 9 버전의 사용법이 변경되어, v8 코드를 그대로 사용하기 위해서는 api를 firebase/compat/으로 사용하면 된다. // firebase v8 버전 import firebase from "firebase/app" import "firebase/auth"; import "firebase/database"; import "firebase/storage"; // v9에서 v8 호환 API import firebase from "firebase/compat/app" import "firebase/compat/auth"; i..

react-hook-form의 버전이 6에서 7로 변경되어 npm run start를 했지만 화면에 아무것도 나타나지 않는 오류가 났다. 리액트 버전 변경으로 인한 react-hook-form 의 useForm() 변경을 살펴보자. 1. errors 변경 변경 전 const { errors } = useForm(); 변경 후 const { formState: { errors } } = useForm(); 2. register 변경 변경 전 변경 후

리덕스(redux)에서 createStore를 사용하려고 했는데 다음과 같이 밑줄이 떴다. 해결방법 legacry_createStore를 추가한다. import { legacy_createStore as createStore } from "redux";

react-router-dom에서 Switch를 사용하려는데 다음과 같은 에러가 발생했다. 원인 React의 버전이 올라가면서 Switch가 Routes로 변경되어 생긴 에러이다. 사용방법은 똑같으니, Switch로 작성했던 부분을 Routes로 변경한다. ++) component도 element로 바꾸어주어야 한다!! 중괄호{} 안에 넣는 것도 잊지 말기! // v5 버전 // v6 버전

Boiler Plate에 특성화된 구조 assets/ -> 이미지, CSS, JS 파일들 보관 commons/ components -> 여러 페이지에서 쓰일 수 있는 것들 types -> typescript를 위해서 type 지정 components -> 이 안에는 Page를 넣는다 redux/ actions, reducer -> Redux를 위한 폴더들 App.js -> Routing 관련 일을 처리

Contents 더보기 노드 버전 확인 cmd창에서 node -v 치고 노드 설치되어있는지 노드 버전 확인 리액트 설치 vscode 터미널창에 npm create-react-app ./ 입력 ./ 이 부분에 리액트를 설치하고자 하는 디렉토리 이름을 넣어준다. ./는 현재 디렉토리를 뜻한다. 그런데 설치를 진행하려니 이런 창이 떴다. 더 이상 저 설치 버전을 지원하지 않으니 삭제하고 최신 버전을 설치하라는 내용이었다. 그래서 npm uninstall -g create-react-app 을 통해 방금 설치한 버전을 삭제해주고 npm install -g npm@8.19.2 위의 코드를 통해 새 버전을 설치해주었다. 하지만 이렇게 하고 실행코드인 npm start 를 입력하자 이런 에러가 떴다. 해결방법 npx..

안드로이드 스튜디오 sdk tools에서 intel haxm을 설치하려는데 'Intel HAXM installation failed' 과 같은 오류가 뜬다. 해결방법1 1) 노트북 재부팅 후 F2키(lg그램 기준)를 빠르게 눌러 BIOS에 접속한다. 2) virtualization을 enabled로 바꿔준다. 2-1) virtualization 메뉴가 보이지 않을 땐 ctrl + alt + F7을 동시에 눌러 상세메뉴가 보일 수 있도록 한다. 해결방법2 1) 제어판>프로그램> 프로그램 및 기능에 들어간다. 2) Windows 기능 켜기/끄기를 들어간다. 3) Hyper-V, Windows 하이퍼바이저 플랫폼, 가상 머신 플랫폼을 체크해제한다.