(1)

let temp_html = '      <div class="col">

        <div class="card">

          <img src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg"

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

          <div class="card-body">

            <h5 class="card-title">여기에 제목이 들어갑니다.</h5>

            <p class="card-text">여기에 내용이 들어가지요.</p>

            <p>⭐⭐⭐</p>

            <p class="mycomment">여기에 코멘트가 들어갑니다.</p>

          </div>

        </div>

      </div>'

콘솔창에 이렇게 작성하였는데, 밑에 빨간 줄로 'Uncaught SyntaxError: Invalid or unexpected token'이런 글이 떴습니다.

사실 국비지원으로 미리 들었는데, 여기서 막혀서 1주일 보내다가 아래와 같이 작성한 후 해결했습니다.

(2)

let temp_html = '<div class="col"><div class="card"><img src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg"class="card-img-top" alt="..."><div class="card-body"><h5 class="card-title">여기에 제목이 들어갑니다.</h5><p class="card-text">여기에 내용이 들어가지요.</p><p>⭐⭐⭐</p><p class="mycomment">여기에 코멘트가 들어갑니다.</p></div></div></div>'

찾아보니까 'Uncaught SyntaxError: Invalid or unexpected token'가 문법상 오류라고 하더라고요. 여기에는 보이지 않지만 코딩이 제대로 작동하기 위해서는 붉은 글씨로 들어가야 되더라고요. 그래서 바로 위에 (2)와 같이 바꿔서 작성했더니 오류가 사라졌습니다.

🔥문제는 다음인데요, (2) 작성 설명 후 제목에 ${mytitle}을 넣어 편리하게 변수를 바꾸는 설명을 하셨습니다. 여기서 중요한 문제가 터졌습니다. 🔥

(3)

let temp_html = '<div class="col"><div class="card"><img src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg"class="card-img-top" alt="..."><div class="card-body"><h5 class="card-title">${mytitle}</h5><p class="card-text">여기에 내용이 들어가지요.</p><p>⭐⭐⭐</p><p class="mycomment">여기에 코멘트가 들어갑니다.</p></div></div></div>'

위와 같이 제목부분에 ${mytitle}로 바꾸었습니다. 강의에서 나온 ${mytitle}부분은 검은색으로 나왔고 작동이 잘되었습니다. 하지만 제 ${mytitle}부분은 붉은 색 그대로 나와 작동하지 않고 아래 사진과 같이 에러가 났습니다.

🔥요약하자면 전부 붙여썼을 때, 'Uncaught SyntaxError: Invalid or unexpected token'가 안 떴는데, 다 붙이고 나니 다음 진도에서 막혔습니다.🔥

참고로 저는 맥북을 쓰고 있습니다. 혹시 맥북에서 이런 현상이 나타나는지와 괜찮다면 어떻게 하면 좋은지 알려주시면 감사하겠습니다.