TIL archiving ···.ᐟ/JavaScript + TypeScript 14

[노트내용정리] 변수

📌 변수란? 변수 (variable) : 데이터를 담는 공간. 데이터를 담아주기만 할 뿐,  담겨져 있는 실체는 변하지 않는다.변수는 화살표로 값을 가르킨다고 생각하자! (변수 → 값) 변수는 선언 ➡️ 초기화 ➡️ 할당 단계를 거친다.* 변수 선언: 변수를 생성(등록) 하는 것. * 변수 초기화: 변수저장을 위해 공간을 확보하는 것. 기본으로는 undefined가 할당. * 값 할당: 할당연산자( = )를 통해 값을 할당하는 것. undefined로 초기화된 변수에 실제 값을 할당한다. 📌 변수의 생성1. 변수를 만드는 키워드 ( var, let, const )  변수  재선언값(데이터)의 재할당스코프(울타리) 영역 선언 & 초기화 & 할당var⭕ ⭕ 함수 레벨 스코프선언과 초기화가 동시에 실행된다..

[노트내용정리] BOM & DOM

📌 BOM (Browser Object Model) window 라는 객체가 바로 브라우저의 가장 최상위 객체 브라우저에서 제공하는 API.자바스크립트를 통해 브라우저에서 제공하는 기능들을 사용할 수 있도록 도와주는 역할.window.alert() : 브라우저에 메세지 다이얼로그를 띄웁니다. window.prompt() : 브라우저에 사용자의 데이터를 입력받을 수 있는 입력 창을 띄웁니다. window.confirm() : true 혹은 false 값을 반환하는 다이얼로그를 띄웁니다. console.log() : 콘솔창에 로그 메세지를 보여줍니다. console.error() : 콘솔창에 에러 메세지를 보여줍니다. console.table() : 콘솔창에 데이터를 테이블 형태로 제공합니다. 더보기 AP..

[노트내용정리] JavaScript의 기초

📌 JavaScript란? 웹페이지에서 동작하는 프로그램을 만들 때 사용되는 프로그래밍 언어. 요즘은 브라우저가 아닌 환경에서도 자바스크립트를 실행 할 수 있게 되면서 게임프로그래밍, 서버프로그래밍 등다양한 분야에서 사용되고 있다. 동적인(Live) 웹을 지향한다. 더보기node가 나오면서 JavaScript를 앱에서도 사용할 수 있게 되었다.(node.js는 런타임 환경, 즉 실행환경을 제공하는 것이지 라이브러리라고 얘기할 수 없다.)  📌 동적인 웹을 위해 자바스크립트가 하는 것데이터 저장 저장 공간 : var, let, const 저장할 값의 형태 : 숫자, 문자열, 빈 값(null, undefined), boolean(true, false), 배열, 객체 코드의 뭉치 : 함수 값 계산사칙연산논..

Object.entries()

Object.entries():  객체를 배열로 변환 해주는 메서드. 객체의 { key: value } 형태를 배열의 [key, value] 한 쌍의 형태로 바꿔준다. 이미지에서 확인할 수 있듯이, index 0의 값은 각 배열의 key,  index 1의 값은 해당 key의 value를 가진다.= 배열이 가진 순서성이 생긴다.배열에서 사용할 수 있는 메소드( forEach, for of, map, filter …)를 사용할 수 있다.[key, value] 로 이뤄진 한 쌍의 배열을 반환하기 때문에, key값만 반환하고 싶다면 Object.keys() , value만 반환하고 싶다면 Object.values()를 사용해준다.     ➰ https://developer.mozilla.org/ko/docs/..