매일 리액트

강의 자료: 유데미 리액트 강의https://www.udemy.com/course/react-the-complete-guide-incl-redux/ 참고도서: 리액트를 다루는 기술 React 공홈자료 : https://ko.reactjs.org/1차

몇 번이나 구글링하고 저장 안 해놔서 기록해놓기 VS code에서 세팅 > settings > commonly used 화면까지 오면 상단 좌측에파일 & 화살표 아이콘 누르기아래 코드 추가하기끝😎

리액트 N앱을 만드는데 튜터님이 사용해보라고 하셔서 공부해봄.리액트 때 배우긴했는데 어떻게 쓰는지 잘 몰라서 1도 안썼음^^학습자료출처:https://www.youtube.com/watch?v=sP7ANcTpJr8App.js,login.js에서 쓰던 useSt

https://www.youtube.com/watch?v=vyJU9efvUtQ 00:15:00 GOAL : 체크 상태가 toggle 상태훅 함수 만들기 state는 checked 체크박스에 onChange ={함수 넣고 parameter는 e.target.checke

https://reactjs.org/docs/hooks-rules.htmlDon’t call Hooks inside loops, conditions, or nested functions. 반복문, 조건문 혹은 중첩된 함수 내에서 Hook을 호출하지 마세요. 자

넥스트는 라우팅이 필요 없어서 그새 리액트 라우팅을 까먹은기념으로 다시 정리Router사용잘나는 오류 => Router를 최상단으로 올리기useHistory 사용useLocation 사용{location.pathname} => 내가 적은 주소useParamsApp.js

간단한 여행App 장바구니1.다운로드 dependencies2.eslint, prettier 설정3.설정 돌아가는지 test주문확인 테스트 코드 작성 flow 테스트 내용: 주문 확인 tick 했는지 안했는지inputtype="checkbox"checked ={che

학습 sources\-인프런 존안님 리액트 테스팅 강의\-Testing Library docs https://testing-library.com/docs/queries/bylabeltext/msw\-브라우저에 서비스 워커 등록해서 외부로 나가는 request

제로초 Sleak 강의 내용당장 필요하지 않는 component 불러오지 않기\-페이지 기준으로 나누기\-SSR 필요 없는 페이지/components를 나누기1.설치 npm i @loadable/component2.임포트import lodable from '@load

https://emotion.sh/docs/introduction1.다운받기 npm i @emotion/styled @emotion/react2.스타일 파일 만들기 styles.ts3.임포트 Styled from @emotion4.필요한 내용 만들고 단위 별로

제로초라이브 2021.12.21 예) let count = 0; 데이터는 늘 state에 담기!! const 사용은 OK 변수를 밖에 선언해 놓고 useState 대신 사용해놓고 function 안에서 바꾸면?! count가 공유됨변수가 바깥에 있으면 let은

08/06/2022지금의 currentUserLoader.js는 v restricted to what it's capable of doing.just load 1 user => pass it to children components🙂리팩터링 1 ANY USER by

09/06/2022Refactor userLoader => to make a reusable componentcreate ResourceLoader.jsinstead of user prop, add resourceUrl , resourceName change stat

auh context filetsx file! ( not .ts!)use custom hook to fix error 1 error 1 create us_firebase_auth.ts add loading, user statessign in 함수 async try &

07/Oct/2022https://onlydev.tistory.com/151https://velog.io/@klloo/JavaScript-%EC%93%B0%EB%A1%9C%ED%8B%80%EB%A7%81throttling%EA%B3%BC-%EB%94%