본문 바로가기

전체 글70

var, let, const 를 중복 선언 허용, 스코프, 호이스팅 관점에서 서로 비교 1. 중복선언 허용 관점 var는 중복 선언이 가능해서 많은 코드들을 var로 사용하면 위에서 사용하던 변수들은 사라진다. let 과 const는 중복선언이 불가 / (SyntaxError 발생) 2. 스코프 관점 -스코프는 참조 대상 식별자(변수, 함수의 이름과 같이 어떤 대상을 다른 대상과 구분하여 식별할 수 있는 유일한 이름)을 찾아내기 위한 규칙이다. var키워드는 변수의 스코프가 함수단위로 구분 (함수 스코프) 함수를 기준으로 스코프를 구분하기 때문에 함수 안에서 선언한변수는 함수 안에서만 유효하다 함수를 제외한 조건문이나 반복문에서 새로운 변수를 만들어도 모두 전역변수로 평가된다 (전역 스코프) -> 고유하게 사용할 수 있는 지역변수가 없다는 단점이 있다. let 과 const 는 중괄호가 사.. 2023. 12. 16.
1214 / 자바스크립트 데이터 타입과 함수 -자바스크립트 데이터타입 -기본형 : 넘버 스트링 불리언 널 언디파인드 / es2015심볼 es2020 빅인트 -참조형 : 오브젝트 es2015심볼 - 유일한 값을 만들 때 es2020 빅인트 - 엄청 큰 숫자를 다룰 때 코드 내에서 유일한 값을 가진 변수 이름을 만들 때 사용 심볼값을 담게 된 user라는 이름의 변수 어떤 값과 비교해도 true가 될 수 없는 고유한 변수가 된다. 빅인트는 자바스크립트에서 아주 큰 정수를 표현하기 위해 등장한 데이터 타입 자바스크립트의 숫자형 값에는 9000조 정도의 정수 표현의 한계가 존재한다 Bigint 타입의 값은 일반 정수 마지막에 알파벳 n을 붙이거나 Bigint라는 함수를 사용 정수를 표현하기 위한 데이터 타입이기 때문에 소수에는 사용 x 소수형태의 결과가 .. 2023. 12. 14.
keypress / keydown은 같은가? 키보드 이벤트 자바스크립트를 이용하여 웹페이지 상에서 키보드 입력을 감지했을 때 발생하는 이벤트 keydown / keypress / keyup 이 있다. keypress / keydown은 키를 누른다는 것에 이벤트가 발생하는 건데 어떤 차이가 있을까 https://codepen.io/yamoo9/pen/vRmeQZ DOM API - keydown, keypress, keyup, input 이벤트 간 차이 ... codepen.io 가장 직관적으로 알 수 있는 사이트 keydown 모든 키를 눌렀을 때 발생한다 (물리적으로 어떤 키가 눌렸는지) 방향키와 문자, 숫자, 특수 문자 키를 눌렀을 때 발생 단 문자, 숫자, 특수 문자, enter 키를 눌렀을 때는 연속적으로 발생하지만 그 외의 키를 눌렀을 때.. 2023. 12. 14.
data 와 dataset data 어트리뷰트와 dataset프로퍼티를 사용하면 html요소에 정의한다 특정한 데이터를 DOM 요소에 저장해두기 위한 목적. dataset 프로퍼티는 HTML 요소의 모든 data 어트리뷰트 정보를 제공하는 DOMstringMAP 객체 반환한다. data-로 시작하는 속성은 모두 dataset 프로퍼티에 저장되고 element.dataset.데이터명칭 으로 접근 할 일 : 담당자 : 상태 : 대기중 진행중 완료 const fields = document.querySelectorAll('[data-field]'); const btns = document.querySelectorAll('.btn'); for (let btn of btns) { const status = btn.dataset.status.. 2023. 12. 13.

티스토리툴바