리액트

JavaScript를 공부하면서 어느 정도 이해하기 시작했다는 생각이 들자 이것저것 프로젝트를 더 만들어보고, 더 쉽게 만들어보고 싶다는 생각이 들었다. 그렇게 리액트에도 손을 댔다. React(리액트)는 자바스크립트 라이브러리 중 하나로서 사용자 인터페이스를 만들기 위해 사용된다. 페이스북 개발자들이 만든건데, 작년까지만 해도 굉장히 핫했는데, 요세는 또 다른게 핫하더라. 하지만 어쩔 수 없다 일단. 나는 리액트 배를 탔다. 사실 그냥 웹페이지는 HTML, CSS 만으로도 충분히 만들 수 있다. 하지만 페이지가 점점 늘어나고, 동적인 인터랙티브한 웹을 만들기 위해서는 자바스크립트가 필요하다. 게다가 요즘은 단순한 웹이 아니라, 모바일에서도 쓸 수 있는 유동적인 걸 좋아하다보니 이럴 때, 리액트가 정말 ..

넷플릭스 앱 클론코딩을 하면서 넷플릭스 앱에 들어갈 컨텐츠 업로드와 삭제 등을 하기 위해서 파이어베이스를 연결시켰다. 그런데 아무리 import을 해도 연결이 안되는 것이다 ㅠㅠㅠ 아무리 구글링을 해도 다들 npm install firebase만 얘기하고 심지어 해봤지만 소용없었다. 거의 1-2시간동안 미친듯이 구글링을 해서 찾아냈다!!! 해결방안!! With version 9 things changed a bit for importing firebase, but there is no need to downgrade to a previous version, there is a “compatibility” option so can use the /compat folder in your imports, li..

❌Auth (9.6.6): INTERNAL ASSERTION FAILED: Expected a class definition firebase Authentication 부분을 진행하는데 나타났던 오류다! class definition? 이 뭘까? 싶어서 구글링을 했는데, auth를 import 하는 과정에서 제대로 import 해주지 않아서 생긴 오류였다. firebase config에서 export 해서 가져오려고 했었는데 왜인지 코드가 먹히지 않아서 공식 문서를 보고 차근차근 따라했더니 해결이 되었다! import { getAuth } from 'firebase/auth'; const auth = getAuth();

❌ 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. ❌ 언마운트 된 컴포넌트에서는 상태를 추적할 수 없고, 상태를 추적하지 않기에 작업이 수행되지는 않지만, 메모리 누수가 발생할 수 있으니, useEffect의 cleanup 함수를 이용해라 react로 작업을 하다보면 종종 만나는 에러 중 하나입니다. 이 에러는 fetch 등 비동기를 실행하는 실행..