😎 내가 구현한 기능

1. 스토리 생성 기능

1-1: 이미지 업로드 : 사용자가 이미지 파일을 선택하면, onImageUpload 콜백 함수를 통해 부모 컴포넌트에 파일 정보를 전달합니다.

이미지 높이 추출 및 저장: 선택된 이미지의 높이 정보를 추출하여 Redux 스토어에 저장합니다. 이를 위해 setImageHeight 액션을 dispatch합니다.

1-2: 텍스트와 이미지 합성 (나만의 스토리글):

• 이미지 합성: html2canvas 라이브러리를 사용하여 DOM 요소를 캔버스 이미지로 변환합니다.
• 이미지 업로드: 생성된 이미지를 서버에 업로드합니다.
• 사용자 피드백: 작업의 성공 또는 실패에 대한 사용자 피드백을 제공합니다.
• Redux 상태 관리: 텍스트의 내용, 색상, 크기, 위치 정보를 Redux를 통해 관리합니다.
• 드래그 앤 드롭: 텍스트의 위치를 드래그 앤 드롭으로 변경할 수 있습니다.

2. 스토리 상세 조회

2-1: REST API를 이용한 스토리 상세 조회:

• **useParams**를 사용하여 URL로부터 스토리 ID를 추출합니다.
• **useEffect**를 사용하여 컴포넌트 마운트 시 스토리 데이터를 서버로부터 불러옵니다.

3. NFT 발급