I can do it(Feat. DEV)

관리자 화면에서 등록한 팝업창을 사용자 화면에서 띄우기 위해 팝업 컴포넌트를 만들어서 작업하던 중 다른 방법이 없을까? 해서 갓글에 검색. 찾아보니 React-Modal이란 라이브러리 발견. 여기서 잠깐. ※ Modal 이란? - 특정 이벤트에서 확인하거나 특정 이벤트를 날려주지 않으면 원래 하던 작업을 계속 이어갈 수 없는 새창. - 특정 이벤트에서 새창을 띄웠을 때 원래 하던 작업을 계속 이어갈 수 있게 해놓은 것이 모달리스라는 반대 개념도 있음. 이거다 싶어서 Modal을 사용해서 팝업창을 만드는데 불편하거나 안맞는 점들이 있음. 1. 필자는 원래 쓰던 디자인을 Modal에 맞게 변경해야 함. 2. 팝업이 뜨더라도 원래 하던 작업을 계속 할 수 있도록 하고 싶음. 3. 검증이 필요. 4. 보통 re..

비가 주륵주륵 오는 걸 감상하며 평화롭게 프로젝트 프론트단을 만들던 중 리액트에서 스크립트 기능이 필요해짐. 예를 들어 상단 메뉴에 마우스를 올렸을 때 숨겨진 서브 메뉴를 보여주는 기능, 이런 탭 클릭했을 때 임팩트주는 기능 등등... 동적으로 style 입혀주는데 스크립트로 원래 하던것처럼 document.getElementById(id).style.color = 'red'; 이런 식으로 ID 값을 추적하는 방식으로 할려고 했으나 생각해보니 리액트는 다른 방법이 있을 것 같아서 갓글에 검색. 검색해보니 useState라는 리액트 훅으로 상태를 사용해 동적으로 style을 변경할 수 있다고 함. 위의 공지사항, Q&A 탭을 선택했을 때 style을 변경하는 기능을 만들어 봄. import React, {..