typescript란?타입스크립트는 자바스크립트에 타입을 부여한 언어입니다.자바스크립트의 확장된 언어라고 볼 수 있습니다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해주어야 합니다. 이 변환 과정을 우리는 컴파일(complile) 이라고 부릅니다.typescript의 기능타입으로 작동하는 방식을 좀 더 명확하게 표현할 수 있다. => 에러 사전 방지 효과최신 IDE가 typescript 를 지원해, 자동완성을 개선, 가이드 => 개발 생산성 향상 Add! const button = document.querySelector("button") as HTMLElement;const input1 = document.getElementById("num1..

동기 VS 비동기우선 차이점 부터 설명하자면 동기는 '직렬적', 비동기는 '병렬적'으로 작동되는 방식이다. 즉, 비동기란 특정 코드가 끝날때까지 기다리지 않고 다음 코드를 실행하는 것을 의미한다.자바스크립트 엔진은 한번에 하나의 태스크(Task)만 실핼할 수 있는 싱글 스레드(single thread)방식 으로 동작 하며, 다른 Task 가 실행 중일때는 다른 일은 블로킹(blocking)이 된다. 왼쪽 차트는 ' 비동기 방식으로 전개되어 있다. 한번에 여러 Task가 동시에 병렬적으로 실행된다.오른쪽 차트는 하나의 Task가 끝날 때까지 기다렸다가 다음 Task 실행된다.실행 시간으로는 동기 방식이 느리다.동기순서를 보장해주는 장점직렬적 태스크 수행 방식즉, 요청을 보낸 후 응답을 받아야지만 다음 동작..

NEW 연산자와 생성자 함수생성자(contructor) 객체 레터럴 {...}을 사용하면 편하게 객체를 만들수 있습니다. 간혹 개발을 하다보면 유사한 객체를 중복적으로 만들 때가 있습니다.ex) 복수의 사용자(?),다양한 아이템을 객체 표현이럴 때 new 연산자와 생성자 함수를 사용하면 편리하게 만들 수 있습니다.생성자 함수는 앞을 대문자로 작성합니다.호출 시 'new' 키워드를 붙여 사용합니다.생성자 함수(contructor function)과 일반 함수의 차이는 없습니다.생성자의 의의는 재사용할 수 있는 객체 생성 코드를 작성 function User(user){ this.name = user, this.isAdmin = false } const userInf..