CRA와 VITECRA초기 설정, 구성 자동화webpack, babel 사용하여 개발 서버 실행. 웹팩으로 build 시 코드를 컴파일, 압축해주는 역할도 수행Hot Module Reloading : 개발 시 개발 코드 수정할 경우 화면에 바로 반영되는 기술node.js환경변수 process.env.KEYVITE빠른 속도와 효율ESBuild(ESM)webpack 대신 rollup. 웹팩에 비해 속도가 크게 개선. 개발모드(HMR)에서 굉장히 빠른 속도를 보장. 모듈 단위로 빌드.차이점 : https://yoon-dumbo.tistory.com/entry/%EB%A1%A4%EC%97%85%EA%B3%BC-%EC%9B%B9%ED%8C%A9%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90-r..

https://react-task-app-9a2f2.web.app/성공적으로 build 완료 트러블슈팅https://github.com/firebase/firebase-js-sdk/issues/7882 Firebase: Error (auth/argument-error) · Issue #7882 · firebase/firebase-js-sdkOperating System Windows 11 Browser Version Firefox Firebase SDK Version 10.6.0 Firebase SDK Product: Auth Describe your project's tooling I am using React (Vite) along with Nodejs at the backend. ...github...

BoardList 생성 / BoardList style 생성import React, { FC, useState } from "react";import { useTypedSelector } from "../../hooks/redux";import SideForm from "./SideForm/SideForm";import { FiPlusCircle } from "react-icons/fi";import { addButton, addSection, container, title } from "./BoardList.css";type TBoardListProps = { activeBoardId: string; setActiveBoardId: React.Dispatch>;};const BoardList: FC..