💻 더 나은 개발자 되기/셋팅, 오류, 꿀팁 42

클론코딩 트위터를 진행중이다. 이 책의 발간일은 21년 8월 23일로 그다지 오래 되진 않았으나 초기 셋팅부터 삐걱거리기 시작했다. 책이 늘 최신이 아니기도 하다보니 버전문제가 어쩔 수 없이 생긴다. 심지어 1년도 안 된 책인데 그만큼 변화가 빠르다는 뜻이겠지. 공부를 안하는 개발자는 도태 될 수 밖에 없겠다 ㅠㅠ 아무튼. 리액트 버전도 맞춰줬고, firebase조차 오류가 나서 버전을 맞춰 실행하기로 했다. npm install firebase@8.8.0 뒤에 @버전을 붙이면 원하는 버전으로 설치가 가능하다. 뭐든 버전 맞춰서 진행해야 하는 걸 또 느낀다. 실무에선 통일일텐데, 그에 맞춰 개발해야 할 것 생각하니 좀 깜깜하네..ㅋ

얼마 전에 Route관련으로 꽤나 고생을 한적이 있다. https://rosedaily101.tistory.com/48 [React] A is only ever to be used as the child of element, never rendered directly. Please wrap your in 🌼 해결하는 흐름대로 작성한거라 해결 완료방법은 가장 아래에 :) 💎오류 발생 상황 react-router-dom을 사용해서 라우터를 만들어서 컴포넌트를 불러오려고 했다. /* 오류 발생 코드 */ import { HashRo rosedaily101.tistory.com https://rosedaily101.tistory.com/49 [React] [h1] is not a component. All co..

클론코딩 영화 평점 웹 서비스를 보며 따라하는 중이다. 오늘이 마지막 작업이라 생각하고 완성 뒤 수차례 반복할 예정이었는데, 오류가 계속 났다. 이건 어제 블로그에 올린 글 중 캡쳐..- - 과거의 나 손들어... 흐린눈 할 게 아니었다. 버전은 늘 새로운 버전이 좋은 것만은 아니기도 하고, 새 버전을 쓰고 싶으면 프로젝트별로 버전을 다르게 쓰면 될 일이었다. 버전이 다르면 기능도 많이 달라지기 때문에 무언가를 따라할 땐 버전을 맞춰줘야 하는데.. 과거의 내가 이 앞 다른 강의 따라할 때 그 버전 그대로 설치했나 했더니 그 버전은 17버전. 나는 18버전. 책은 16버전..... 범인 찾았다. 테스트로 npx create-react-app 플젝명을 통해 리액트를 설치해보니 위와 같이 18버전이 설치된다...

🌼 해결하는 흐름대로 작성한거라 해결 완료방법은 가장 아래에 :) 💎오류 발생 상황 안에 html 태그를 넣어서 해당 경로로 호출 시 뜨는 것을 보려 했다. function App() { return ( Home Introduction About ); } 각각 경로에 따라 태그가 보여지는 것이 목적이었다. 💎오류코드 [h1] is not a component. All component children of must be a or at invariant [h1]은 컴포넌트가 아닙니다. 의 모든 컴포넌트 자식은 또는 여야 합니다. 뭐..?그럼 h1은 어떻게 써..?기존엔 어떻게 쓴건데..?! 이 글 바로 전글의 연장선인데.. 글들을 찾아보면 21년 11월경 React-router-dom이 v6.0.2로 업데..