시간 계산기 만들기 (4) 설명 popover (Chakra UI) + 배포

일단 좀 그럴듯해보이게 설명 pop-over 창을 만들었다.
https://chakra-ui.com/docs/components/popover/usage

Chakra UI - A simple, modular and accessible component library that gives you the building blocks you need to build your React a

근데 막상 편하게 하려고 chakra UI를 쓰려 보니 다른 css와 충돌이 일어났다 ㅜㅜ
그래서 이것저것 수정하고, !important 붙여서 적용시키고 하느라고 오히려 고생한 것 같음...
 

결국 차크라로 만들었고 또 반응형으로 구현한다고 이래저래 애먹었다.
처음엔 위치를 position:absolute 로 잡았다가 , 결국 grid 형식으로 바꾸었다.
핸드폰으로도 확인해봤는데 아주 잘나온다 :)
 
 
 

---

 
배포
 
참고 : https://velog.io/@byjihye/react-github-pages

[React] 프로젝트 GitHub Pages 배포하기

배포는 인터넷의 도움을 많이 받았다..
어차피 어디 갖다 팔 것도 아닌데..... 근데 도메인은 조금 신경쓰인다 ㅠ_ㅠㅋㅋㅋㅋ
갑자기 어느날 배경화면에 아이유 넣을 수도 있음...

https://url.kr/sby3n1