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

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

질문

반복문 사용에 있어 코드를 보면

    let fruits = ['사과', '배', '감', '귤', '수박']

    $('#q1').empty()

    fruits.forEach((a) => {

      let temp_html = `<p>${a}<p>`

      $('#q1').append(temp_html)

    })

이렇게 사용 한다고 배웠습니다. 4분 10초쯤 입니다.

이건 그냥 개인적인 호기심에 해봤는데 $('#q1').append(temp_html) -> $('#q1').text(temp_html) 로 사용해봤습니다

결과는 <p>수박<p> 이렇게 나오더라구요.

반복문과 세트로 등장하는 append가 아니라 text를 이용하면 에러가 뜨던지 끽해야 사과 정도로 표기 될줄알았습니다.

아니면

<p>사과<p>

<p>배<p>

<p>감<p>

<p>귤<p>

<p>수박<p>

이렇게는 나올줄알았습니다.

질문사항은

1. text를 썼을때 에러가 나지않고 실행된 이유와 저렇게 작업하는 경우가있나요? 있다면 실용적이지않은데 굳이 왜 저렇게사용하나요?
2. 변수 temp_html `<p>${a}<p>` 사용하여 text작성시 Backtick은 따옴표처럼 작용하는데 왜 <p>는 작용하지 않나요?
3. 위에 것들로 보았을때 왜 최종적인 <p>수박<p>만 출력되나요? 나머지 사과 배 감 귤에 대한건 왜 지워진건지 궁금합니다.

정말 별거아닌거같긴한데 호기심에 집어넣으니 머릿속이 혼란스러워져서 이궁금증을 풀고 지나가고싶어서 질문남깁니다.