사전캠프 13일차

Javascript 활용문법 (DOM)

함수: 같은 동작을 반복
java 제이쿼리
제이쿼리 cdn은 title 밑에 쓰기

킹덤
hi 뒤에 id="title"

$('#title').text('쥬라기월드');
영화 기록하기를 누르면 킹덤에서 쥬라기월드로 바뀌게 하는 방법

---

---

JQuery 연습

<script>
function checkResult() {
            let a = ['사과', '배', '감', '귤']
            $('#q1').text(a[2]);   //결과 감

<script>
    function checkResult() {
        let c = [
            { 'name': '영수', 'age': 30 },
            { 'name': '철수', 'age': 35 }
        ]
/////엔터
        $('#q1').text(c[1]['name']);
    } /// 결과 철수

딱 여기까지 이해됨

그냥 강의 들으면서 안적으면 안될 것 같아서 적는 것들
만들어서 붙이는 것
사과를 지우고 만드는 방법

붙여넣기
붙이는 ㄱ서은 html 을 만들어서 그걸 붙인다.
1. html 먼저 반든디
let temp_html=
temp는 변수 이름
2. 벡틱을 두번 적는다

let fruits = ['사과','배','감','귤','수박']
      $('#q1').empty();

      let temp_html = `<p>감자</p>`;
      $('#q1').append(temp_html)
  }
  ~~~
  감자를 다시 사과로 바꾸는 방법 
  
  전부다 넣고 싶을 때
  <script>
  function checkResult() {
      let fruits = ['사과','배','감','귤','수박']
      $('#q1').empty();

      fruits.forEach(a => {
          let temp_html = `<p>${a}</p>`;
      $('#q1').append(temp_html)
      });
  }
</script>

1도 모르는 곳

    let temp_html = `<p>감자</p>`;
        $('#q1').append(temp_html)
    }

        fruits.forEach(a => {
            let temp_html = `<p>${a}</p>`;
        $('#q1').append(temp_html)
        });

이걸로 $('아이디값') 어떤 HTML 태그를 바꿀지 지정하기
정했으면 바꿔줄 명령어 적기

이게 무슨말이지////text(a)를 넣어 글자 값으로 a를 넣습니다.???

오늘 새로운정보

• 제이쿼리 사용법 : id속성값을 사용하여 오소를 불러오며 방식은 $('#id값') 과 같은 방식으로 사용
  (id 말고 class도 가능)
  제이쿼리로 뭔가를 조작할 때 id 쓰기
• #은 id값을 사용하는 기호
  (변수명) temp_html= html의 내용을 다르게
  하고 싶거나 또는 값이 계속 변화거나 추가되어야 할 때 사용
• empty= 선택한 요소의 하위 내용들을 모두 삭제

지금 너무 어렵다.
함수.... 부호를 어떨 때 사용하는 거고
자세하게 알려주면 좋을 텐데 그냥 겉핧기 식으로
그냥 적는 느낌 ...
이제 2주차 수업 다 들었는데
2주차 마지막 강의는 여러번 들어야 할것 같다...
이렇게 이해가 안됐는데 3주차로 넘어가는 게 맞나 싶다.
그래서 그냥 가만히 있기로 했다...