* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

안녕하세요!

3주차 연습겸 복습 파트 진행중 궁금한 부분이 있습니다.

  // fetch 데이터 가져오기

  const getData = (url) => {

    return fetch(url)

        .then((response) => response.json())

        .then((data) => {

          return data;

        });

   };

 function getMovies() {

    let url = 'http://spartacodingclub.shop/web/api/movie';

    getData(url).then((data) => {

      data.movies.map((e, i) => {

        switch(e.star) {

          case '1': e.star = '⭐';

          break; 

          case '2': e.star = '⭐⭐';

          break; 

          case '3': e.star = '⭐⭐⭐';

          break; 

          case '4': e.star = '⭐⭐⭐⭐';

          break; 

          case '5': e.star = '⭐⭐⭐⭐⭐';

          break; 

        }

        console.log(e);

        let movieHtml = `<div class="col">

                <div class="card h-100">

                  <img src=${ e.image }"

                    class="card-img-top" alt="...">

                  <div class="card-body">

                    <h5 class="card-title">${ e.title }</h5>

                    <p class="card-text">${ e.comment }</p>

                    <p>${ e.star }</p>

                    <p class="mycomment">${ e.desc }</p>

                  </div>

                </div>

              </div>`;

        $('.movieCards').append(movieHtml);       

      });

    });

  }

위와 같이 switch case 문으로 별모양을 찍어주려고 했습니다.

하지만, 실행결과, 어떤 경우는 별모양이 정상적으로 나오고, 어떤경우는 숫자로 출력되는것으로 확인됩니다.

if문이 정상 동작하지 않은 이유를 알수 있을까요?

더불어, 이미지 호출시 웹 브라우저에서는 정상동작하나 페이지에서는 404에러 확인되는 원인도 궁금합니다.