JS
-
[JavaScript] 즉시 실행함수JS 2021. 5. 30. 12:15
자바스크립트를 이용하여 함수를 정의하여 사용한다고 생각해보자 내가 제일 처음 생각한 방법은 onclick 이벤트 속성을 이용한 방법이었다. 영화 찾기 ... function find(){ var keyword = $('#keyword').val(); $.ajax({ type: "GET", ... 이런식으로 함수를 정의 하고 onclick 속성을 이용하여 불러오는 방법 하지만 내가 원하는 방식은 페이지를 이동했을때 결과가 바로 출력되는것을 원했다. 검색한 결과 즉시실행 함수를 사용하면 된다는 정보를 얻었다. 즉시실행 함수는 $(document).ready(function(){ var keyword = ""; $.ajax({ 혹은 // 즉시실행함수 (function() { console.log('즉시실행')..
-
[JavaScript] for in / for of 반복문JS 2021. 5. 26. 22:45
for ...in 반복문 var obj = { A: 1, B: 2, C: 3 }; for(var prop in obj){ console.log(prop, obj[prop]); //A 1, B 2, C 3 } for ...of 반복문 var iterable = [30, 60, 90]; for (var value of iterable) { console.log(value); // 30, 60 ,90 } 차이점 for in : 객체의 모든 열거 가능한 속성에 대해 반복 for of : [Symbol.iterator] 속성을 가지는 컬렉션 전용
-
[JavaScript] jquery AjaxJS 2021. 5. 26. 17:20
Ajax란? Asynchronous JavaScript And XML 의 줄임말로 언어나 프레임 워크가 아닌 구현하는 방식을 의미한다. 데이터를 이동하고 화면을 구성하는데 있어서 웹 화면을 갱신하지 않고, 필요한 데이터를 서버로 보내고 가져온다. (비동기식 데이터 통신) ajax 사용법 url : 통신을 원하고자 하는 URL의 주소를 입력한다 (필수 입력 값) type: http 요청 방식(Get/Post) timeout : http 요청에 대한 제한 시간 지정 success : http 요청 성공시 이벤트 핸들러 error : http 요청 실패시 이벤트 핸들러 data : http 요청 후 return 하는 값 dataType: http 요청 후 return 하는 데이터의 Type을 지정 async ..