오예예
144
2021-04-28 23:23:18 작성 2021-04-28 23:25:11 수정됨
2
141

js switch 문으로 결과 값에 맞는 폴더 안의 이미지를 출력하고 싶습니다


안녕하세요! react로 프로젝트 작업하고 있는 학생입니다! 

다른 건 검색을 통해서 해결이 됐는데 이것 만큼은 원하는 정보가 안나와 도움을 구하려고 글을 올립니다! 


저의 프로젝트는 온도 api로 지역과 온도를 받아와서 해당하는 온도에 어울리는 옷을 추천해주는 프로젝트입니다.



온도를 불러와서 해당 온도에 따라 옷을 추천해주는 것 까지는 됐는데 문제는 위의 빨간 글씨처럼 '해당하는 폴더 안의 이미지 출력' 입니다.. 

const PlaceWeatherList = e => {
    
    const temp = Math.round(e.temp)-273;

        let season ="";

        switch(true) {
            case (temp < -3):
                season = "패딩,두꺼운 옷"
                break;
            case (temp < 4):
                season = "패딩,두꺼운 코트,누빔 옷, 기모, 목도리"
                break;
            case (temp < 8):
                season = "울 코트, 히트텍, 가죽 옷, 기모"
                break;
            case (temp < 11):
                season = "트렌치 코트, 야상, 점퍼, 스타킹, 기모바지"
                break;
            case (temp < 16):
                season = "자켓, 가디건, 청자켓, 니트, 스타킹, 청바지"
                break;
            case (temp < 19):
                season = "얇은 가디건, 니트, 맨투맨, 후드, 긴 바지"
                break;
            case (temp < 22):
                season = "블라우스, 긴발티, 면바지, 슬렉스"
                break;
            case (temp < 27):
                season = "반팔, 얇은 셔츠, 반바지, 면바지, 나시"
                break; 
            default :
                ;

            return season;
        }

    return (
         <li>{season}</li>
    )
};

 season 안을 폴더 경로로 지정('../public/static/해당폴더')해서 폴더 안의 이미지들을 li로 출력하고 싶은데 어떻게 풀어야 할지 감이 안옵니다 ㅠㅠㅠㅠ 혹시 이 문제를 해결 할 수 있는 블로그나 사례, 방법 알려주시면 정말 감사하겠습니다 ㅠㅠ!!!

0
  • 답변 2

  • WRITE_IN_DART✎
    2021-04-28 23:32:38 작성 2021-04-29 00:28:20 수정됨

    nodejs 환경이시라면 file system built-in 패키지를 사용하실 수 있을 듯 합니다.

    stackoverflow의 관련 답변이 도움이 될 것 같습니다.

  • 오예예
    144
    2021-04-28 23:40:38

    정말 감사합니다!!! 지금 당장 시도해 보겠습니다!! 

  • 로그인을 하시면 답변을 등록할 수 있습니다.