FireBase, React를 활용한 트위터 클론코딩🧑‍💻

---

오늘 완료한 목록
1. webpack 에러 해결
2. 이미지 첨부 에러 해결

---

uuid 설치 과정에서 에러가 뜨길래 npm audit fix --force 입력하라는 대로 했다가
webpack 에러가 발생하면서 지금까지 했던 모든 기능이 다 망가졌었다...
이거 해결하려고 2일동안 붙잡고 있었다...내 시간,,,,

npm run start를 하니까 이런 에러가 떴다.
1번부터 7번까지 하라는데로 그대로 하고 .env 파일을 따로 만들어서 SKIP_PREFLIGHT_CHECK=true를
추가하니까 어느정도 해결했다.

하지만 이런식으로 에러가 뜨면서 컴파일이 또 안됐다....
구글링 결과 // eslint-disable-line no-unused-vars를 오류코드에 주석을 달면 오류가 해결된다고 해서 어찌저찌 해결했다..

다시 컴파일 후 이미지 첨부기능을 확인해보니 무반응인 상태로 또 안됐다..ㅎㅎ

정말 다 때려부시고싶었지만 노트북이 비싸기때문에 꾹 참았다

(내 속 마음)

그래서 다시 node_modules를 삭제하고 package-lock.json을 삭제한 후 npm install을 다시 해줬다.
그 후 혹시나 하는 마음에 컴퓨터 재부팅을 하니까 다시 문제없이 작동이 됐다..

근데 갑자기 뜨지도 않던 오류가 떴다.. 작동에는 문제가 되진 않지만 자꾸 내 신경을 불편하게 했다.
구글링 결과 리액트 Img 태그 버그이며 alt를 추가하면 된다고 해서

<img src={attachment} alt='~' width="50px" height="50px" />

alt를 추가해줘서 해결했다....

---

오늘 결론

--force 명령어는 함부로 치지말자.... 무지성으로 에라 모르겠다가 친 2일을 날려버린 내가 너무 밉다,,