Language & Framework/React.js
2022. 4. 18.
리액트에서 무작위 백그라운드 이미지 설정하기 (feat. styled-components)
나는 styled-components를 사용했지만 css를 사용해도 가능하다. 다만 각 컴포넌트에 지정해주는 것이 아니라 전역으로 설정이 가능한지, 그리고 inline이 아니라 css 혹은 scss 내에서 설정 가능한지는 모르겠다. 나 같은 경우는 모든 컴포넌트에서 동일한 background-image를 설정해주기 위해 globalStyle에서 background-image를 설정했다. 과정은 다음과 같다. (css or scss를 사용하는 사람도 적용을 원하는 컴포넌트에서 그대로 따라하면 된다. 전역 설정 방법은 모름.) 1. 원하는 이미지를 import한다. import img1 from "../img/background1.jpeg"; import img2 from "../img/background2..
