react로 리워드 부분 구현(2023.08.19)

어려웠던 부분

도형 사이를 잇는 점선 구현

input type="text"에 값을 정해놨더니 직접 수정이 안되는 것

질문할 것
1. input type text로 했는데 value값을 {number}로 넣었더니 텍스트 직접 수정 불가능
2. {number}의 값을 number에 대입하고 싶은데 안됨.
3. 수량 Maximum과 Mininum 제한하는 법

4.도형 사이를 잇는 점선 구현

 

Modal을 이용해 팝업창 구현하기

 

터미널에 입력

npm install react-modal

 

=>모달 라이브러리를 사용할 수 있게 되었다.

 

import Modal from 'react-modal';

로 import

Modal이라는 객체는 isOpen을 필수적으로 가지고 있어야한다.

isOpen값은 true/false여야한다.

https://curryyou.tistory.com/533