• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 웹개발 기능대회 예제 관련 문의 드립

웹개발 기능대회 예제 관련 문의 드립

5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 글쓴이
  • #10913

    코딩노예
    참가자

    문제를 못풀어서 해답을 훔쳐봤습니다. 

    나름 천천히 해석하고 다시 해보고 있는중인데요.. 궁금한게 있습니다. 해답에 보면 appendProduct 라는 함수가 있는데.. 거기 nuwItem  이라는 변수를 만들고 거기에 태그를 넣는데요..  백틱을 해서 적는 거는 이해가 되는데 왜 백틱 앞에 $(  표시를 하는지 모르겠습니다. $ 표시는 제이쿼리에 선택자라는 표시가 아닌가요? 궁금합니다.

    function appendProduct(product, index) {
    var newItem = $(`
    <div class="card col-4 p-0" data-index="${index}">
    <img src="resources/images/${product.photo}" class="card-img-top" alt="${product.product_name}" title="${product.product_name}">
    <div class="card-body">
    <h5 class="card-title product-name">${product.product_name}</h5>
    <p class="card-text brand-name">${product.brand_name}</p>
    </div>
    <div class="card-footer">
    <small class="text-muted price">${product.price}</small>
    </div>
    </div>
    `).draggable({
    zIndex: 999,
    revert: "invalid",
    });

    $("#product-list").append(newItem);
    }

    #10915

    코딩노예
    참가자

    아니 왜?? 질문에 스크롤이 생기는거죠?? ㅡㅡ; 

    #10918

    codingapple
    키 마스터

    jquery 에서는 셀렉터로 $를 쓰는데

    자바스크립트 문법중에 백틱으로 만든 글자 중간에 변수같은거 넣고 싶으면 ${} 연산자를 쓸 수 있습니다 

    #10920

    코딩노예
    참가자

    아.... 제이쿼리 문법이 아니고 자바스크립트 문법이었군요.... 아이고 헷갈려라.. $() 이게 같으면 ... 안되는거 아닌가요...ㅡㅡ? 

    #10922

    codingapple
    키 마스터

    셀렉터는 $()

    변수넣는 연산자는 ${}

    뭔가 달라서 괜찮습니다 

5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠