JavaScript 기초

list 자료형

let a = ['사과', '배', '감', '귤']

 

dictionary 자료

let b = {

  "key" : "value",

  "name" : "영수",

  "age" : 30,

}

 

반복문

for (let i = 0; i < arr.length; i++) {

}

 

for (let i = 0; i < arr.length; i++) {

    // key값만 문자열로 가져온다

}

 

Array.forEach((e, index) => {

    // 배열의 요소, 인덱스 모두 접근할 수 있다

})

 

for (let e of arr) {

    // for-of를 활용하면 키만 접근하거나, 키와 값 모두 접근하는 것이 가능하다

}

 

메서드

.clear()

.text()

.append()

'⭐'.repeat(5) // ⭐⭐⭐⭐⭐

---

JSON 제이쓴

서버에서 클라이언트로 데이터를 dictionary형태로 내려주는 것 

 

Jsonvue 제이쓴뷰 : 크롬 확장프로그램 

https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=ko 

 

Fetch 기본 골격

fetch('여기에 URL을 입력')

            .then((res) => res.json())

            .then((data) => {

                console.log(data);

 

                $('#아이디명').empty();

                let rows = data['이름']['이름'];

                rows.forEach((a) => {

                    let gu_name = a['MSRSTE_NM'];

                    let gu_mise = a['IDEX_MVL'];

                    let temp_html = ``;

                    if (gu_mise > 40) {

                        temp_html = `<li class="bad">${gu_name} : ${gu_mise}</li>`;

                    } else {

                        temp_html = `<li>${gu_name} : ${gu_mise}</li>`;

                    }

                    $('#아이디명').append(temp_html);

                });

            });

 

 

---

요새는 form 태그에서 action으로 보내지않고, preventDefault()로 새로고침 막은 다음 val()값을 전달

 

 

체크박스의 1과 undefined를 true, false로 가져옴

let isChecked = !!$('#checkbox:checked').val();