[React][에러] React does not recognize the isActive prop on a DOM element. (isActive, bgColor 와 같은 prop을 사용할때) 컴파일이 안되거나 하는 큰 에러는 아니지만, 개발자도구에서 React does not recognize the isActive prop on a DOM element. 와 같은 오류가 다수 발생 .tsx bgColor, isActive와 같은 prop을 React에서 인식하지 못하는듯 함. $를 붙이니 더이상 에러가 뜨지 않음 Node.js/React 2023.10.21
[React] component 명시적으로 export 하기 react 프로젝트 할때 기존 코드 마지막에 export default app; 로 내보내던 방식대신 아래와 같이 명시적으로 컴포넌트를 내보낼 수 있는 방법을 적용함. 실무에서도 사용하던 방식 장점: -가독성 -이름 충돌 방지 export const AdminPage: React.FC = () => { return ( Admin Page This is the admin page content. ); }; Node.js/React 2023.10.20
[React] React typescript 프로젝트 구축 ☑️ 기록 목차 [react ts 프로젝트 설치 및 구축] [ESLint 에러] React ts 프로젝트 설치 1. ts react 프로젝트 생성 npx create-react-app . --template typescript 2. react styled-componets 설치 npm install --dev @types/styled-components 3. eslint, prettier 설치 npm install -D eslint npx eslint --init -> 설정 중 eslintrc 파일을 js,t,json으로 설정할지 물어보는 선택지가 있었는데 json으로 하는게 더 관리가 쉬울뻔했다.. npm install -D eslint-plugin-import eslint-plugin-jsx-a11y.. Node.js/React 2023.10.20
[React] useEffect 로 json db불러오기 * useEffect 로 json db불러오기 import { useEffect, useState } from "react" export default function TodoList() { const [todo, setTodo] = useState([]); useEffect(() => { fetch("http://localhost:3001/todo") .then((res) => res.json()) .then((todo) => { setTodo(todo); }) }) return ( {todo.map((dodo) => ( {dodo.text} ))} ) } Node.js/React 2022.10.02
[React/문제해결] React router link클릭 시 렌더링 안되는 문제 url 은 변경되는데 렌더링이 안됨. 새로고침 해야 반영됨 index.js에 react.strict모드 삭제하면 해결됨. https://ko.reactjs.org/docs/strict-mode.html Strict 모드 – React A JavaScript library for building user interfaces ko.reactjs.org Node.js/React 2022.09.24