250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 코테
- 티스토리
- Linux
- 자바
- 리눅스
- SpringBoot
- Git
- 티스토리챌린지
- AWS
- vscode
- 알고리즘
- TypeScript
- React
- ubuntu
- CodingTest
- 둔산동맛집
- Tistory
- 우분투
- 개발공부
- 코딩
- error
- 스프링부트
- 프로그래머스
- 개발
- EC2
- programmers
- 오블완
- Java
- 코딩테스트
- 개발자
Archives
- Today
- Total
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 코테
- 티스토리
- Linux
- 자바
- 리눅스
- SpringBoot
- Git
- 티스토리챌린지
- AWS
- vscode
- 알고리즘
- TypeScript
- React
- ubuntu
- CodingTest
- 둔산동맛집
- Tistory
- 우분투
- 개발공부
- 코딩
- error
- 스프링부트
- 프로그래머스
- 개발
- EC2
- programmers
- 오블완
- Java
- 코딩테스트
- 개발자
Archives
- Today
- Total
320x100
728x90
목록채팅방 (1)
개발자가 된 감자

antd 를 이용한 채팅방 개발 중 스크롤 조정이 필요해졌다.채팅 박스 내에 말풍선이 많아져 일정 높이를 넘길 경우 가장 하단의 말풍선을 볼 수 있도록 해야했다.나는 태그의 row 추가 방식으로 말풍선을 추가하고 있었고, 그래서 Table 스크롤을 조정했다. 1. React.useRef 훅을 사용하여 Table 컴포넌트에 대한 참조를 생성하기아래 코드는 Table 컴포넌트의 ref 속성 타입을 사용하여 tblRef라는 참조를 생성한다. 이를 통해 Table 컴포넌트의 하위 DOM 요소나 React 인스턴스에 직접 접근할 수 있게 된다.const tblRef: Parameters[0]["ref"] = React.useRef(null);- tblRef: 생성된 참조의 이름.- Parameters[0]["..
Javascript/React
2024. 11. 15. 18:16
320x100
728x90