일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 이분 검색
- 리터럴 타입
- webpack
- TS
- Jest
- 공변성
- app router
- 결정 알고리즘
- 호이스팅
- tailwind
- recoil
- map
- ESlint
- 반공변성
- autosize
- Cypress
- React
- CORS
- dfs
- 인터섹션
- 무한 스크롤
- 투포인터
- SSR
- 태그된 유니온
- Promise
- async/await
- RTK Query
- CI/CD
- useAppDispatch
- 타입 좁히기
Archives
- Today
- Total
목록toast (1)
짧은코딩
팁들(input, toast, Route, NavLink 등)
input 리액트에서 input이 들어가면 웬만하면 컴포넌트로 빼는 것이 좋다. 안그러면 리렌더링이 너무 빈번하게 일어난다. toast 만약 어떤 것을 하다가 에러가 발생하면 사용자들에게 알려주기 위해서 toast를 사용한다. toast.error(error.response?.data, { position: 'bottom-center' }); 이 코드를 axios의 catch에 넣으면 된다. Route 첫번째 코드는 파라미터가 있는 주소이고 두번째는 아니다. 이렇게 하면 무조건 slack가 된다. 따라서 파라미터가 있는 주소를 밑에 적어줘야 한다. NavLink 그냥 Link와 비슷하다. 다른 점은 activeClassName을 줄 수 있다. 그래서 만약에 지금 주소와 링크의 주소가 같으면 activeC..
인프런, 유데미/Slack 클론 코딩
2022. 7. 23. 19:27