[TIL] 23/11/23 React 숙련: Newsfeed 팀과제 (모달창구현, redux)

TIL

1. react 모달창 만들기

 

모달 객체 불러오는 부분.

 {modalOpen && createPortal( 
  <Modal onClose={() => setModalOpen(false)} />,
    document.body)
  }​

{modalOpen &&
  <Modal onClose={()=>setModalOpen(false)} />}

 

동료분이 알려주셔서 createPortal도 써봤는데, 아직 뭔차이인지 모르겠다. 헤헤

어디서든지 불러올 수 있다고 하던뎀..맞나

내 코드에서 두고자 하는 위치는 차이가 없어서 그냥 둠 ^.^;;

 

리액트 모달창 css 참고한 페이지 저장~

[React] React에서 모달창 구현하기

 

동료분이 알려주셨던 createPortal과,  서드파티 모달 패키지~!

https://react.dev/reference/react-dom/createPortal => 리액트 라이브러리에 포함되어있는 방식
https://www.npmjs.com/package/react-modal => 서드파티 모달

 

2. 팀과제 Login 상태 redux 구현

스탠다드강의 에서 redux로 todolist 구현 망하고 나서

redux 특강 들으면서 공부 완료~

팀 과제에 login 여부 확인하는 state를 redux 를 통해 전역 state로 구현 완료 ~! 

정리는.. 시간이 없어서 못하겠다.. ㅎ

파이어베이스 작업 한다음에 또 사용해야하니까 그때 정리하기-_-;