| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
Tags
- tailwind
- TS
- RTK Query
- CORS
- 태그된 유니온
- 타입 좁히기
- webpack
- 반공변성
- async/await
- React
- 이분 검색
- 투포인터
- useAppDispatch
- dfs
- 리터럴 타입
- SSR
- 무한 스크롤
- Promise
- recoil
- 호이스팅
- ESlint
- 공변성
- map
- 인터섹션
- Jest
- 결정 알고리즘
- CI/CD
- autosize
- app router
- Cypress
Archives
- Today
- Total
목록가상 스크롤 바 (1)
짧은코딩
가상 스크롤 바, 날짜 라이브러리(DAY.JS), 해시 태그, emotion.js에서 css에 변수 활용, 정규 표현식
가상 스크롤 바 npm install react-custom-scrollbars --save npm i --save-dev @types/react-custom-scrollbars 이렇게 설치가 된다. {/*autoHide는 가만히 있으면 스크롤이 사라진다.*/} {chatData?.map((chat) => ( ))} 이렇게 사용이 가능하다. Scrollbars는 div 역할도 해준다. 날짜 라이브러리(DAY.JS) npm i dayjs 이렇게 설치하면된다. {dayjs(data.createdAt).format('h:mm A')} 그리고 이렇게 사용하면 시간만 나온다. 해시 태그 라이브러리 npm i -D @types/react-mentions 이렇게 설치한다. {highlightedDisplay} ); ..
인프런, 유데미/Slack 클론 코딩
2022. 7. 30. 23:12