목록분류 전체보기 (265)
dukDukz
보통은 에러메시지를 보고 한번에 파악이 가능하지만 Text nodes / Whitespace는 생소함... 1. Text nodes cannot appear as a child of . tbody 밑에 바로 를 사용하지 말 것 2. Whitespace text nodes cannot appear as a child of table 밑에 바로 "" text nodes 를 사용하지 말 것
1. useInterval.js 작성 => hooks 로 만들어줌 import { useRef, useEffect } from "react"; export default function useInterval(callback, delay) { const savedCallback = useRef(); useEffect(() => { // useEffect에 매개변수로 받은 콜백을 현재 Ref로 선언해준다. savedCallback.current = callback; }); useEffect(() => { function tick() { savedCallback.current(); } // useEffect에 Ref의 current를 setInterval를 delay 시간동안 해준다. let id = setI..
Access to XMLHttpRequest at 'http://dapi.kakao.com/v2/local/geo/coord2address.json?x=127.0358309&y=37.75427458' from origin 'http://localhost:3001' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not allowed for a preflight request. https://devtalk.kakao.com/t/api-cors/120773 카카오 맵 api cors 안녕하세요. 카카오맵 키워드 api 호출할 때 이러한 에러가 콘솔에 나오고있는데..
https://stackoverflow.com/questions/55722306/label-list-is-not-showing-in-recharts Label list is not showing in recharts? Problem: I have created a bar chart using rechart. There I am using labelList component inside my bar chart. But It is not showing my label. This is how I organized my bar chart. import React, { stackoverflow.com 그래서 isAnimationActive={false} 이렇게 해줬는데 Warning: Received NaN fo..
https://wnsdufdl.tistory.com/228 html에 환경변수 넣는법 express나 react에서는 dotenv를 사용하여 process.env.API_KEY 이런식으로 넣어준다. axios.get(`https://dapi.kakao.com/v2/local/geo/coord2address.json?x=${lon}&y=${lat}&input_coord=WGS84` ,{headers:{Au.. wnsdufdl.tistory.com
로그인을 하고 어떤 정보를 localStorage 에 저장한다. 그런 뒤에 history.push({ pathname: "/", }); 이렇게 이동했다. 그런데 이렇게 페이지를 이동하고 나면 새로고침을 하기 전까지는 localStorage 의 값을 못 가져옴... "history": "^5.3.0", 버전은 이거.. 더보기 아마도 옛날 버전으로 돌아가면 새로고침이 되기는 할 듯. ❯ yarn remove history ❯ yarn add history@4.10.1 근데 나는 버전을 바꿀 수 없기 때문에 const 함수 = (data) => { const { Array } = data; setWithExpiry("accessAuthority", Array, tokenExpiryTime); window.lo..
git commit 하다가 중간에 멈추거나 뭔가 .,,. 잘못하면 이렇게 나오는데 rm -f .git/index.lock 이렇게 하고 다시 commit 하면 된다.
vs code 에 ESlint와 prettier 플러그인 설치한다. npx create-react-app [프로젝트명] ESLint 설치 npm i -D eslint yarn add -D eslint 우선 npm을 통해 ESLint를 설치해준다. .eslintrc.json 파일 설정 npx eslint --init √ How would you like to use ESLint? · problems √ What type of modules does your project use? · esm √ Which framework does your project use? · react √ Does your project use TypeScript? · No / Yes √ Where does your code run..