JavaScript

this 용도 4가지1\. 아무데서나 쓰거나 일반 함수에서 쓰면 {window}와 같음2\. 오브젝트 내 함수에서 쓰면 그 함수를 가지고 있는 오브젝트 전체를 뜻함3\. constructor 문법, 오브젝트 만들기용ex)function test(){this.이름 = '

비교 연산자==와 ===, !=와 !==는 비슷해 보이지만 자세히 보면 서로 다른 연산자이다.그동안은 둘의 차이를 잘 모르는 상태에서 그냥 사용했지만, 오늘은 이에 대해 알아보도록 한다.javascript는 엄격한 비교(일치 비교)와 형변환 비교(동등 비교)의 두 가지

선언과 할당이 분리가 되는 것, 런타임시 선언이 최상단으로 끌어올려지는 것주로 var 쓸 때 초기화가 제대로 안돼있으면 undefined로 최상단에 끌어 올려줄 수 있는 것선언부만 최상단 올라가는 것ex이런 일은 선언,할당이 메모리공간에 선언하기전에 미리 할당을 해서

= 말그대로 선언하는거 let name = 'choonsik'= 말그대로 할당하는거 name = 'ryan' => console.log('name')하면 ryan 등장재할당 재선언 가능 전연변수 선언 후 지역변수에서 재선언 되버리면 전역 변수까지 바껴버림재할당 재선언

.png) 자바스크립트와 타입스크립트를 공부하면서 이질감을 느꼈다. 타입스크립트를 굳이 왜쓰지..? 라는 생각이 들었고 타입스크립트가 뭘 하든 데이터타입을 지정해줘야 하다보니 우선 자바스크립트의 데이터 타입에 대해 자세하게 알아봤다. 자바스크립트의 모든 값은 데이터

Ajax란? 우선 Ajax는 자바스크립트를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고 웹페이지를 동적으로 갱신하는 프로그래밍 방식을 말한다. ajax가 있기전 웹페이지는 HTML을 서버로부터 전송받아 웹페이지 전체를 처음부터 다시 렌더링 하는

반복문은 조건식이 거짓일 때까지 조건식의 평가 결과가 참인 경우 코드를 싱행하는 문법이다. for문은 조건식이 거짓으로 평가될 때까지 코드 블록을 반복 실행한다.for of문은 박본 가능한 객체의 객체 값을 반복하여 열거한다.while문은 조건식의 평가 결과가 참이면

async 와 await는 자바스크립트의 비동기 처리 패턴 중 하나입니다. 기존 콜백 함수와 프로미스의 단점을 보완하고 쉽게 사용할 수 있게 해주는 문법입니다. 위에 말했듯이 async와 await는 말그대로 쉽게 사용하게 도와주는 문법입니다.위 같은 함수 logNam

비구조화 할당이란 배열이나 객체의 속성을 해체하여 그 값을 각각 변수에 담을 수 있게 하는 javascript의 표현식이다. 즉 배열[],혹은 객체{} 안의 값을 편하게 꺼내 쓸 수 있는 문법이다. 기본 문법 기본값 할당 비구조화의 범위를 벗어나는 값 할당을 시도하면

하나의 변수에 여러 속성을 저장할 수 있도록 해주는 자바스크립트의 참조형 데이터 타입 중 하나이다.자바스크립트는 객체 기반의 프로그래밍 언어이며, 원시 값을 제외한 나머지 값(함수,배열,정규 표현식 등)은 모두 객체이다.객체는 0개 이상의 프로퍼티로 구성된 집합이며,

이런 경우이렇게 이쁘게 코드정리 가능 위의 경우 디폴트 파라미터와 약간은 다르다.디폴트 파라미터는 nudefined의 경우에만 값이 할당되며Nullish coalescing의 경우는 null과 undefined 둘 다에 대해 값이 할당 된다.즉 Nullish coale

default paramiters

includes 메서드는 배열이 특정 요소의 포함 여부를 판별첫 인자값에는 탐색할 요소를 보내며두번째 인자값에는 탐색을 시작할 위치를 보낸다. (기본 값 0)indexOf 메서드는 배열에서 특정 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반

onClick 이벤트를 만들어주다 이런 경우가 있었다. 이런 경우 태그이동을 하려해도 당연히 상위에 onClick 이벤트 때문에 페이지 이동 함수가 실행되었다. 이를 해결하기 위해 찾은 것이 e.stopPropagation()이고 찾은 김에 e.preventDefau

자주까먹는거 메모개체의 모든 속성에 null 값이 있음을 확인할 때