DBILITY

https://styled-components.com/ styled-components Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅🏾 styled-components.com 외부에 css,scss를 만들고 id,class로 참조하지 않고, 콤포넌트 내부에서 콤포넌트를 이름을 사용하는 것처럼 지정하는 것이다. 말이 복잡하다. 내부에 있기 때문에 전역적으로 중첩(꼬이는ㅋㅋ)되지 않게 사용할 수 있다. 이게 전부인가? 일단 설치한다. npm install styled-components 콤포넌트내에서 사용할 style을 대충 만들어 본다. import styl..

axios로 외부에서 dummy 데이터를 불러와 테스트 중 cors오류가 발생했다. 근 1년만인가? 당연한 일이다. 그런데 생각이 나지 않는다.ㅎㅎ package.json에 proxy를 추가하면 된다. dummyjon에 연결하려면 다음과 같이 "proxy": "https://dummyjson.com" axios에서 호출하는 url에 사이트상의 경로만 지정하면 된다. http-proxy-middleware를 사용해도 된다.

인생 공병 줍기로 끝날 수 있다! 열심히 하자!😂 https://ko.reactjs.org/docs/concurrent-mode-patterns.html#wrapping-setstate-in-a-transition 컨커런트 UI 패턴 (실험) – React A JavaScript library for building user interfaces ko.reactjs.org codingapple 강의(https://www.youtube.com/watch?v=wZiOGxOhJNs)를 참고하였다. state의 변경에 따른 rerendring 할 component가 많아 즉각적 반응으로 속도에 문제가 생길 때 사용한다. 말이 많이 이상하다. 위 강의대로 input의 값이 변경되면 10,000개의 div에 값을 출..

https://react-dropzone.js.org/ react-dropzone react-dropzone.js.org 나중에 써봐야겠다.

react_devtools_backend.js:3973 Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function. at LoginPage (http://localhost:3000/static/js/bundle.js:1019:63) 위와 같은 경고가 발생했다. useEffect로 onload event를 적용했는데, return이 없다고 그냥 비워둬서 그런가 보..