Redux + modal 고민

Redux 쓰는 이유
1. 모든 컴포넌트가 props없이 state 직접 꺼낼 수 있음
2. 상태관리가 용이하다.
( state관리 )

컴포넌트들 수정요청만 가능 -
요청받는 store.js
문제 생겼을때, 관리 무조건 store.js( 추적 및 관리 필요 )
state 버그 생겨도 한 곳에서 사용 가능
큰 프로젝트에서 리덕스 반 필수다.

index.js 에 state 수정방법
if 문 여러 개 필요.
Reducer (state 수정, 꺼내쓰는 방법)
컴포넌트에서 state 수정요청하려면 distatch 요청

실제 개념 쉬운편?

모달을 쓰려면 ?

태그는 보통 a 태그에 preventDefaultEvent 으로 a태그의 이벤트를 막고 modal 창 띄우는 것 같다.

기본 기능

• 외부 dim 처리
• 닫기 버튼 또는 x 버튼 누르면 모달창 닫기
• 외부 dim 부분 클릭 시 모달 닫기

Figma에서 모달창이 쓰일 부분

• 1. 회원가입 개인정보/ 쇼핑몰정책 버튼
     title 이용약관
     content 내용
     Height고정으로 y축 스크롤바 생기도록.

• 2. 장바구니에서 x버튼을 눌러 아이템 삭제 시 :
     정말 삭제하겠습니까 ? yes | no
     yes : 장바구니에서 아이템 삭제
     no : 모달창 닫기 ( 현재 상태 유지 )
     

• 3. 장바구니 버튼 클릭했을때 이미 장바구니에 해당 아이템이 있는 경우 - 이미 장바구니에 있는 상품 :
     장바구니로 이동하시겠습니까? yes | no
     yes : 장바구니로 이동
     no : 모달창 닫기 ( 현재 페이지 유지 )

• 4. 주문하기 버튼을 눌렀을 때 - 로그인이 안되어있는 경우 + 마이페이지 등등 :
     로그인이 필요한 서비스입니다. 로그인하시겠습니까 ? yes | no
     yes : 로그인 페이지로 이동
     no : 모달창 닫기 ( 현재 상태 유지)

  ---

  나중에 추가

• 5. 택배사 ( select- option ) 송장번호 ( input type num)
     등록하기 ( RestAPI POST기능 구현 )

  ---

  따로 만들 것 (정민님 파트)

• 6. 이미지 추가 모달
     이미지 올리기

  ---

  어느 페이지든 자유롭게 모달 쓸 수 있도록 기능 구현 필요할 듯.
  Open Modal 과 Close Modal 은 모달자체에서 갖고올 수가 없을까?
  예를 들어, 어떤 input

Button modal ={true} modalType ={-} default: falase 리듀서 state payload안에 event를 받아온다? payload (action안에 같이 전달) useReducer | ContextAPI (redux 방식) state action - action type과 기타 payload 전달 type으로 어떤 모달할지 정하고 payload >