개발 무지렁이

𐂂 비동기 처리 특정 로직의 실행이 끝날 때까지 기다려주지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 '비동기 처리'라 한다. 📜 비동기처리.js console.log('Hello'); setTimeout(function() { console.log('Bye'); }, 3000); console.log('Hello Again'); // Hello // Hello Again // Bye 🤡 요청을 하고, 데이터를 받아올 때까지 기다려주는 코드가 없으면, 데이터를 받아오기도 전에 다음 코드가 실행되어 원하는 값을 얻을 수 없다. 📜 JS 비동기처리 문제점.js function getData() { let tableData; $.get('[url주소..

𐂂 스코프(Scope) 란 선언된 위치에 따른 식별자가 유효한 범위를 말한다. ⚠️ 스코프는 네임스페이스(namespace)다. ⚠️ 스코프가 없다면, 같은 이름을 갖는 변수는 충돌을 일으킨다. ⚠️ 자바스크립트 엔진은 스코프 체인을 통해 참조할 변수를 검색한다. ➼ 지역스코프 (함수 몸체 내부) ➡️ 함수는 지역스코프를 생성한다. (함수가 종료되면 지역스코프도 소멸) ➡️ 함수 내에 선언된 지역변수는 함수가 생성한 지역스코프에 등록되고, 스코프가 소멸될때까지 유효하다. ➡️ 함수가 종료되어도 누군가 지역스코프를 참조하고 있다면, 그 지역스코프는 소멸되지 않는다. 𐁍 스코프 체인(Scope Chain) 스코프가 계층적으로 연결된 것을 말한다. *상위 스코프 방향*으로 이동하며 참조할 변수를 검색한다. ⚠..

𐂂 함수란? 호출할 수 있는 객체, callable (1) 작업을 처리하는 코드블럭 (🧩 코드의 재사용성) (2) 객체 타입의 값이다, 함수 객체 (3) 함수는 호출되기 이전에, 함수 몸체의 어떤것도 실행되지 않는다. ➼ 🦔 함수 리터럴 함수 객체를 생성하는 표기법을 말한다. (피연산자로 사용될 때, 함수리터럴로 해석) ❓ 일급객체: 값처럼 사용할 수 있는 객체 ➼ 🦔 함수 정의 방식 (1) 함수 선언문 function add(x, y) { return x + y; } ⚠️ 함수 호이스팅이 일어난다. (함수이름과 동일한 이름의 식별자가 생성, 함수 객체가 할당) (2) 함수 표현식: 함수리터럴로 생성한 함수 객체가 변수에 할당 let add = function(x, y) { return x + y; } ..

𐂂 리터럴 미리 약속한 값 생성 표기법을 말한다. 리터럴 기호 정수리터럴 ex. 100 부동소수점 리터럴 ex. 100.5 2진수 리터럴 ex. 0b01000001 8진수 리터럴 ex. 0o101 16진수 리터럴 ex. 0x41 문자열 리터럴 ex. 'Hello', "World" 불리언 리터럴 ex. true false null 리터럴 ex. null undefined 리터럴 ex. undefined 객체 리터럴 ex. {name: 'woo', age: 20} 배열 리터럴 ex. [1, 2, 3] 함수 리터럴 ex. function() {} 정규표현식 리터럴 ex. /[A-Z]+/g ⚠️ (정수, 실수, 2/8/16 진수) 리터럴은 숫자타입으로 메모리에 배정밀도 64비트 부동..

𐂂 '호이스팅 (Hoisting)' 이란 변수 및 함수 선언이 해당 스코프의 최상단으로 옮겨지는 현상을 말한다. 호이스팅은 선언부만 끌어 올려지고, 값을 할당하는 부분은 그대로 남아 있다. ```javascript console.log(x); //undefined var x = 5; console.log(xx); //5 ``` 𐂂 var 키워드로 변수를 선언하는 것은 권장하지 않는다. 함수 내에서 선언된 변수는 함수 내에서만 유효하고, 함수 외부에서는 참조할 수 없는 유효범위를 가지는 형태를 함수 레벨 스코프라 한다. 즉, 함수 내에서 선언된 변수는 지역변수이고 함수 외부에서 선언된 변수는 모두 전역변수이다. var키워드는 함수 레벨 스코프를 지역스코프로 인정하기 때문에, 자칫 의도치 않은 전역변수를 선..

.attr(): HTML의 속성을 다룬다. (checked, undefined) .prop(): Javascript의 프로퍼티를 다룬다. (true, false) 📕 set attr & get attr 📕 $(function() { $("button").click(function() { $("img").attr("width", "500"); // set attr alert($("img").attr("src")); // get attr }); }); [주민등록번호 차례로 입력하고, 뒷자리 첫번호에 따라 자동 check.js] $(function() { function numberCheck(obj) { let v = obj.val(); if(isNaN(v)) { // is Not a Number consol..