Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- next.js msw
- 말줄임 툴팁 만들기
- 테스트코드 자동화
- 알고리즘
- 알고리즘JS
- ₩1
- msw
- TC39
- storybook
- 자바스크립트로 코딩테스트
- react-table
- js
- ISR
- fsd
- 카카오엔터프라이즈 인턴
- ssg
- 스토리북
- MinHeap
- 자바스크립트 동향
- 2023 자바스크립트
- storybook 커스텀
- 리액트 파이버
- storybook styled-components
- 테오의스프린트
- createPortal
- 프론트엔드 아키텍처
- Next.js
- supabase
- 이펙티브 타입스크립트
- react cypress
Archives
- Today
- Total
목록react-table (1)
MEI

사실 자유자재는 아니고.. 리액트 테이블로 여러가지는 만들어야하는 상황이 생겼었다 ! 짜여진 리액트 테이블에 커스텀을 더한 테이블 컴포넌트로 분리하고자 하니까 꽤 많은 시간이 걸렸고, 공식 문서를 많이 찾아봐야했다 .. ! ⏤ React-table v7을 이용했습니다 ⏤ 공식 독스에는 문제를 해결할 수 있는 제안이 나와있지 않아서 여기 저기 코드를 붙여보며, 해결했습니다 ! 먼저, 여러 페이지에서 사용되는 테이블을 [테이블 인터랙션/테이블] 2 개의 컴포넌트로 분리하고자 했습니다. ( 동일한 템플릿의 인터랙션을 사용한다면 인터랙션+테이블 1개의 컴포넌트로 분리해도 되지만, 동일한 테이블 디자인과 기능에 interaction 의 기능과 ui가 달라지는 경우가 있어서 2개의 컴포넌트 분리 후, 더 큰 단위(..
TECH
2023. 3. 18. 02:24