[240221]TIL_기본코딩 2주차

2/21

오늘은 학교 졸업식을 다녀오느라 강의를 많이 듣지는 못해서 2주차 강의만 듣게 되었다.

그래도 배워보고 싶었던 JQuey를 조금이나마 배울 수 있게 되어서 좋았다!!

 

제이쿼리는 자바스크립트를 더 간단(?)하게 사용할 수 있게끔 도와주는 것으로 라이브러리라고 생각하면 되겠다.

길고 복잡한 자바스크립트를 제이쿼리를 통해 보다 직관적으로 쓸 수 있는 것이다.

 

오늘 연습한 코드는

<script>

    function checkResult() {

        let people = [

            { 'name': '서영', 'height': 165 },

            { 'name': '현아', 'height': 170 },

            { 'name': '영환', 'height': 175 },

            { 'name': '서연', 'height': 162 },

            { 'name': '지용', 'height': 190 },

            { 'name': '예지', 'height': 168 }

        ]

        $('#q2').empty();

        people.forEach(a => {

            let name = a['name'];

            let height = a['height'];

            let temp_html = `<p>${name}의 키는 ${height}입니다.</p>`;

            $('#q2').append(temp_html);

        });

    }

</script>

변수 선언 전: ${a['name']}
변수 선언 후: ${name}