일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- firebase rules
- Filter
- 패스트캠퍼스 부트캠프
- Where
- js CRUD
- github
- 패스트캠퍼스
- reduce
- 프론트엔드부트캠프후기
- 국비지원취업
- TypeScript
- react hook
- map
- git
- sqld 자격증 시험
- 퍼블리셔 이직후기
- 성능개선
- promise 비동기처리
- 리액트오류
- 프론트엔드개발자
- sqld 55회
- 부트캠프
- 국비지원
- 야놀자x패스트캠퍼스
- Firebase
- 야놀자 fe 1기
- css 꿀팁
- foreach
- 2024 sqld
- 부트캠프 취업후기
- Today
- Total
목록react hook (2)
Tech is created to fix problem

상세페이지에서 브라우저가 제공하는 뒤로가기 버튼을 누르면 내가 이동했던 이전 history URL 들이 계속 나와서 계속 back back back 눌러줘야하는 번거로움이 있었다. http://localhost:3000/btc-bitcoin/price ⬇️ http://localhost:3000/btc-bitcoin/chart ⬇️ http://localhost:3000/btc-bitcoin/price ⬇️ http://localhost:3000/btc-bitcoin/chart 상세페이지에서는 뒤로가기 버튼을 누르면 이를 감지해 바로 Home 으로 보내주도록 적용해보았다. // 뒤로가기 버튼 const history = useHistory(); // 페이지가 로드될 때 실행되는 useEffect useE..

useParams() useParams() 를 처음 사용하면서, 순수 js 로 url 의 id값을 구했을 때를 생각하면 너무 간단해서 놀랐다,,, useParams 를 import 해 온 후에, id 변수에 저장해주고 Route 태그의 path 에는 "경로/:id" element 에는 자식 컴포넌트를 적어주면 해당 id 값의 url 로 이동할 수 있게 해준다. const { id } = useParams(); useEffect 잘못 사용한 예시 의존성 배열에 '갤러리' 컬렉션에서 참조한 usersCollectionRef 라는 객체 값을 넣어주었다. 그랬더니 무한루프에 빠져 렌더링 되면서 useEffect 실행이 되고 실행되니까 state 값이 바뀌고 그래서 또 렌더링 되고,, useEffect 파이어베이..