[React] 개인프젝 에러 : VITE 환경변수 설정 주의 & 리덕스 모듈에서 state로 위치 잘 쓰기
·
React
2.22 해결하고보니 정말 가벼운 에러였지만 .. 찾느라 너무 오래걸렸다 .. ㅠㅠ 리덕스 툴킷, axios - json-server api , thunk 함수 까지 같이 쓰려다보니 정확히 잘 모르는 나는 .. 다른 데에서 에러가 난 줄 알고 한참을 헤맸다 😭 콘솔로 일일히 하나하나 찍어가며 다시 에러를 파악.. 하지만 이 참에 useSelector 로 state 불러올 때라든가 정확히 알게 됐다 !! // CommentList.jsx const commentList = useSelector((state) => state.comments.commentsData); .. useEffect(() => { dispatch(__getComments()); }, [dispatch]); 🔥Problem 리덕스툴킷으..
[React] CRA 보다 빠른 Vite로 React 프로젝트 생성하기
·
Today what I Learned _TIL
240124 수 TIL ✍ 저번 강의에서 CRA 를 배웠었다. CRA 란, Create React App의 줄임말로 - 한 줄의 명령어 입력으로 React 프로젝트 개발의 필수요소를 자동으로 구성하는 방법이다. (리액트 프로젝트를 구성하는 데에 필요한 WebPack, babel, esline 등을 이 한 줄 명령어로 다 셋팅할 수 있다) 원래 이 방법,명령어로 리액트 프로젝트 생성하도록 배웠었는데 Vite('빗')로 생성하는게 더 빠르고 좋다고 한닷 !! 🐱‍🏍 CRA는 발전이 없고 정체되어서 그렇다나. .. Vite는 프론트엔드 툴로, CRA 보다 Vite를 사용하면 개발 시 속도도 빠르고 메모리도 덜 잡아먹어 좋다고 한다. (React 뿐만 아니라 다른 자바스크립트 프레임워크 -Vue, Vanilla..