치춘짱베리굿나이스

심지어 blog.chichoon.com 주소가 아니라 chichoon.tistory.com으로 검색이 되네 그것도 1페이지에 아 좀 부끄럽다 저 미니톡 끝낸지... 9개월됐습니다 서브젝트가 바뀌었을지도 모릅니다 하하

react-modal 설치 $> npm install --save react-modal # 또는 yarn add react-modal npm 링크 react-modal 용례 모달 띄우기 import Modal from 'react-modal'; const testPage = () => { return ( Hello World! ); } 코드를 실행시키고 해당 페이지를 렌더링해 보면 모달 창이 렌더링된 것을 볼 수 있다 내부에 다른 컴포넌트를 넣거나, 여러 태그를 조합하여 렌더링할 수 있다 모달이 하나의 컨테이너라고 생각하면 된다 버튼으로 모달 껐다 켰다 하기 import Modal from 'react-modal'; const App = () => { const [isOpen, setIsOpen] = u..

Styled Components 설치 $> npm i styled-components npm 링크 styled-components 용례 html 태그에 스타일 적용하기 import styled from 'styled-components'; const TestDiv = styled.div` background-color: magenta; `; const Styled = { TestDiv }; export default Styled; styled-components 라이브러리를 불러와서, 스타일을 적용하고자 하는 태그를 불러온다 예시에서는 div에 스타일을 적용하고자 했으니 styled.div를 불러오면 되고, body에 적용을 원할 경우 styled.body 이런 식으로 가져오면 된다 불러온 컴포넌트에 따..