웹
-
[Javascript] 일급 객체 (할당, 인자로 전달, 결과값 반환, 커링, 함수)웹/JavaScript 2023. 1. 11. 05:31
일급 객체 First Class Object 👉 MDN 문서 보기 함수를 변수와 같이 다루는 언어에 있는 개념 자바스크립트의 함수도 일급 객체 함수는 기본적으로 객체 // ⭐️ 함수의 자료형 function addNumbers (a, b) { return a + b; } console.log(typeof addNumbers); 일급 객체의 특성 상수 또는 변수에 할당될 수 있음 다른 함수에 인자로 전달될 수 있음 다른 함수의 결과값으로서 반환될 수 있음 I. 할당 function isOddNum (number) { console.log( (number % 2 ? '홀' : '짝') + '수입니다.' ); return number % 2 ? true : false; }; const checkIfOdd ..
-
[Javascript] 함수,인수,인자,화살표함수웹/JavaScript 2023. 1. 10. 14:43
💡 기본 문법 function 함수명 (입력값) { // 수행할 일 return 반환값 // 있을 시 } 함수명(입력값); I. 함수를 사용한다는 것 1. 반복될 수 있는 작업을 정의해두는 것 // 함수 사용 전 let a = 3, b = 4; console.log(`${a} + ${b} = ${a + b}`); console.log(`${a} - ${b} = ${a - b}`); console.log(`${a} * ${b} = ${a * b}`); console.log(`${a} / ${b} = ${a / b}`); let c = 10, d = 2; console.log(`${c} + ${d} = ${c + d}`); console.log(`${c} - ${d} = ${c - d}`); ..
-
[Javascript] 블록문, 스코프, scope, if,else,switch,지역변수,전역변수,local,global웹/JavaScript 2023. 1. 10. 12:52
블록문 👉 MDN 문서 보기 0개 이상의 문statement들을 묶은 단위 일반적으로, 이후 배울 제어문, 함수 등에 사용 새로운 스코프 생성 스코프 scope 블록 안에 선언된 변수와 상수를 밖에서 사용 불가 { const x = 'Hello'; let y = 'world!'; console.log(x, y); } console.log(x); console.log(y); 블록 안쪽에서는 바깥의 것 사용 가능 let x = 1; { let y = 2; console.log(x, y); } console.log(x); console.log(y); 블록 안쪽에 변수나 상수가 새로 선언되면 바깥 것을 덮어씀 const xx = 0; let yy = 'Hello!'; console.log(xx, yy);..
-
[Javascript] 객체, 배열, 원시타입, 참조타입웹/JavaScript 2023. 1. 10. 11:54
💡 객체와 배열은 원시타입이 아닌 참조 reference 타입 앞서 다룬 자료형들은 원시 primitive 타입 둘의 차이는 다음 강에서 다룰 것 I. 객체 미리보기 자바스크립트에서 원시 타입이 아닌 모든 데이터는 근본적으로 객체 복합적인 정보를 프로퍼티 property - (키와 값의 조합)으로 저장하는 자료형 const objName = { key1: value1, key2: value2, ... }; // ⚠️ 블록이 아님! 1. 프로퍼티 접근 💡 속성값에 접근하는 두 방법 //1. 객체명.key console.log( person1.name, person1.age, person1.married ); //2 객체명[key] console.log( person1['name'], // 속성명을 stri..
-
[Javascript] 숫자형, 부동소수점, 실수 계산 오차, boolean, isNaN, ??,연산자 우선순위웹/JavaScript 2023. 1. 9. 21:29
I. 숫자 자료형으로 표현되는 것 1. 양과 음의 정수와 실수 // 자바스크립트에는 정수와 실수의 자료형이 따로 있지 않음 정수와 소수, 음수 모두 number! let integer = 100; let real = 1.234; let negative = -5.67; console.log( typeof integer, typeof real, typeof negative ); 2. 무한대 let x = 1 / 0; console.log(x, typeof x); // 무한대에는 양음이 있음 console.log(-x, typeof -x); let y = -1 / 0; console.log(y, typeof y); let z = Infinity; console.log(z, typeof z); 3. 숫자가 ..
-
[Javascript] 자료형, 정적타입, 동적타입, 문자열, 부수효과,이스케이프웹/JavaScript 2023. 1. 9. 19:51
JS의 특징 1. 동적타입을 가진 언어이다. 정적 타입과 달리 유동적으로 자료형을 바꿀 수 있다. 특정 값이 할당된 변수에, 그와 다른 자료형의 값을 넣는 것이 가능 자유롭지만 그만큼 자료형 관련 오류들에 취약함 오늘날 TS가 뜬 이유 참고로, 자료형 확인은 typeof 명령어를 사용하면 된다. I. 기본 표기방법 작은따옴표 - ' ~ ' 큰따옴표 - " ~ " 📌 자주 사용되는 이스케이프 표현 이스케이프 표현대체 \' 작은따옴표 \" 큰따옴표 \n 줄바꿈 \t 탭 \\ 백슬래시 let word = '안녕하세요~\t\t반갑습니다!\n저는 \\홍길동\\입니다.'; console.log(word); 👉 이스케이프 표현 MDN 문서 보기 긴 문자열을 여러 줄에 표현 const longstr = ' aaaaaa..
-
[Javascript] 변수와 상수 -var,let,const,식별자,cpu,ram,ssd,hdd웹/JavaScript 2023. 1. 9. 18:30
var는 역사의 뒤안길로 let과 const를 사용할 것 var에 대해서는 이후에... 변수와 상수 값의 의미 나타냄 값의 재활용 변수 variable 담긴 값이 바뀔 수 있는 주머니 let 사용 1. x란 변수를 선언(주머니 만듦)만 한 뒤 값을 넣음 💡 브라우저 콘솔에서 줄바꿈: shift + enter undefined: '아직 값이 정해지지 않았다' 라는 값 메모리상으로는 선언과 초기화를 따로 하는 것과 동일 undefined 할당 후 재할당 같은 값이 다른 데이터 영역에 저장되지 않음 메모리절약 값 변화시 메모리상 가리키는 위치가 변경 기존 위치에 새 값을 넣는 것이 아님 차지하는 자리가 다른 크기의(자료형이 다른) 데이터가 재할당될 수 있으므로 이미 만들어진 주머니를 다시 만들(재선언) 수 없..