나만의 개발 공간

이미지가 사이즈별로 뿌옇게 보이거나 깨지는 경우가 있다. 고정된 이미지 width, height값에서 사이즈를 조정하려고 해서 발생하는 것같은데 해상도별로 이미지를 다른 사이즈로 보여주고 싶었다. 포토샵을 할 줄 몰라 이미지를 부탁드려서 preview, 2000w, 1800w, 1600w, 1400w, 1200w, 1000w, 860w, 640w으로 각 하나에 해당하는 이미지를 해상도마다 같은 폴더로 저장 시켜서 구현했다. 이미지 폴더를 생성해 아래와 같이 구현하였다. 아래는 실제 코드로 구현한 내용들이다. React로 구현한 코드는 아래와 같다. 도움말 페이지를 아래와 같이 구현하였으며, 간략하게 작성한다. import Layout from '....'; import ExHelpImgPreview fr..