Programming/JavaScript

- 객체? : 여러 개의 값을 담는 것 var person = { name: 'hehesim', // 이름은 ~다. age: 28 // 나이는 ~다. favoriteMovie: 'Monster', hobby: ['코딩', '영화', '콘서트관람'], //배열 money: {stock: 10, cash: 1}, //객체 sayHello: function() { console.log('hello') //메서드 }, } - 키(key/속성명)-값(속성값)으로 이루어짐 - 값 부분에는 단순 문자열, 숫자 뿐만 아니라 배열, 객체, 함수가 올 수 있다 - 값을 빼올 때는 객체.키 를 사용. (person.sayHello();) - Date 객체 (내장 객체) >> https://developer.mozilla.o..


장점 1) 간결한 문법 2) 편리한 API 3) 크로스 브라우징 (모든 브라우저, 모든 버전에서 동일한 기능 동작) 사용방법 code.jquery.com > minified > html에 copy and paste > jQuery 사용 가능. + API document : https://api.jquery.com/에서 찾아보기. 기본 문법 - $(선택자).행위; $('#content').val() - 이벤트 // 원래는...html코드 내에 클릭시 함수 실행하도록 설정해줬다. 클릭 클릭 - 익명 함수 : 이름이 없는 함수.. 함수를 한번만 사용하는 거라면 정의하고, 호출하는 과정이 비효율적... > 정의하지 않고 바로 사용할 수 있도록 하는 것. >> $(선택자).행위(괄호 안에 function(){함수..

** JavaScript : 싱글 스레드/ 논-블로킹 언어 - 싱글 스레드 : 하나의 힙 영역(할당된 메모리들이 저장되는 영역)과 하나의 콜 스택(함수의 호출순서 저장)을 가짐. >> 스택이 하나밖에 없기 때문에 "한 번에 한 가지 일밖에 하지 못한다." - 콜 스택 : 함수가 실행되는 순서를 기억하고 있음. 스택의 가장 위에 해당 함수를 넣고, 리턴이 일어나면 스택의 가장 위쪽에서 함수를 꺼냄. * 블로킹 상태 : 콜 스택이 멈춘 상태 . 사용자 화면의 버튼을 클릭해도 반응이 없는 상태.. ==> 논-블로킹 : 비동기 콜백 사용하기. > setTimeout, ajax, DOM 이벤트 등 콜백으로 비동기 동작. 1) Web API : setTimeout, ajax, DOM 이벤트 등의 메서드 지원 2) ..