Ant Design을 이용한 다중 이미지 업로드 및 드래그 앤 드롭 정렬
이 예제는 Ant Design의 Upload 컴포넌트를 사용하여 여러 이미지를 업로드하고, 사용자가 드래그 앤 드롭으로 이미지 순서를 변경할 수 있도록 구현하는 방법을 보여줍니다.
필요한 라이브러리 설치
프로젝트에 필요한 라이브러리를 설치합니다.
yarn add react-dnd-html5-backend@14.1.0
yarn add react-dnd@14.0.5
yarn add immutability-helper@3.1.1
구현 코드
1 ...
8월 5일 15:44에 게시됨
Antd 테이블에서 무한 스크롤 구현하기
React 프로젝트에서 Antd 테이블을 사용하여 무한 스크롤(상단 또는 하단 로딩) 기능을 구현하는 방법에 대해 설명합니다.
테이블의 최대 높이를 지정하고, 스크롤 이벤트를 통해 데이터를 추가로 불러옵니다:
scroll={{ y: 500 }}
API 호출 시 페이지 번호를 확인하여 첫 페이지일 경우 새로운 데이터로 덮어쓰고, 그 외에는 기존 배열에 데이터를 추가합니다.
Antd ...
7월 31일 20:40에 게시됨
React 프로젝트 설치 및 설정 문제 해결
주의사항 (오류)
npm install -g cnpm --registry=https://registry.npm.taobao.org
'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.
// 다른 컴포넌트를 설치한 후 npm start 명령을 다시 실행할 때 위 오류가 발생할 수 있습니다.
## 해결 방법 1:
npm install react-scripts
설치 완료 후 npm start ...
6월 25일 01:46에 게시됨