반응형 변수2 폴더 내 파일명 리스트 추출해서 변수로 쓰기(수백개) 후.... 정말 미친일이 벌어졌다. 이렇게 폴더안에 있는 파일이름들을 전부 배열, 혹은 json변수로만들어 사용해야 할 일이 생겼다. 이와같이 이미지 파일이 존재하면 해당 이미지파일을 보여주고 없으면 기본 이미지를 보여주는 과정인데 .... const handleImage = (e)=>{ e.target.src=default_img console.log(e.target.src) } return .... 이와같이 출력했는데 이와같이 해주면 정상적으로 작동은하지만 Next.js나 React의 public폴더안에 없는파일을 한번 연결해주는 과정이라 500에러가나게 된다. (500 Internal Server Error) 휴... 그래서 결국 방법을 강구해 보았다. 500개의 데이터목록이 있는데 350개의 이미.. 2022. 4. 2. css속성 변수로 주기 feat 템플릿 리터럴 이와같이 반응형 창에서 각 이미지의 간격 픽셀을 다르게 주고싶었다. 보면 좌우 좌우를 반복하면서 약간의 지그지그 형태로 배치해 주었는데, 핸드폰 화면에서 더 넓게 배치하면 이미지가 겹쳐 보기힘들어지고, 큰화면에서 좌우 간격을 좁게 배치하자니 좀 보기가 좋지 않았다. 그래서 화면별로 지그재그 간격을 다르게 해주기 위해 사용한게 변수로 css설정을 해주자! 였다. const [reactive, setReactive] = useState('40px') const [reactive2, setReactive2] = useState('80px') useEffect(() => { if (size.width 768) { // setSizeon(false) setReactive('40px') setReactive2('8.. 2022. 4. 2. 이전 1 다음 반응형
