목차 1. 타입스크립트(Typescript) 2. 타입스크립트의 장, 단점 3. 타입스크립트의 런타임 4. 타입스크립트 컴파일러 1. 타입스크립트(Typescript) 타입스크립트는 MS에서 개발한 오픈소스 프로그래밍 언어이며, 자바스크립트의 상위 집합 언어이다. 자바스크립트는 런타임 시점에 변수의 타입이 결정되는 동적 타입 언어이다. 이는 런타임시 에러가 발생할 수 있는데 코드를 작성할 때에는 이를 알 수가 없다. 반면에 타입스크립트는 변수의 타입을 미리 명시하고, 컴파일 시간에 타입 검사를 수행한다. 타입스크립트는 이런 정적 타입 언어의 특성을 가져 파일을 실행하기 전에 어디서 에러가 발생할지 미리 알 수 있다. 2. 타입스크립트(Typescript)의 장,단점 장점 동적언어인 자바스크립트를 런타임 ..

목차 1. 에러가 발생하면 생기는 일 2. try_catch 문 3. 에러 객체 4. 에러 던지기(throw) 5. try_catch_finally 1. 에러가 발생하면 생기는 일 누구나 코드를 짜고나서 에러를 발생시킬 수 있다. 에러가 발생하면, 스크립트나 서버가 죽고(멈추고) 콘솔창에 에러가 발생했다고, 출력이 된다. 서버가 멈춘다는 것은 상당히 치명적이므로 그런일은 발생해서는 안된다. try catch문을 이용하면 에러가 발생하더라도 스크립트가 죽지않고, 에러 또한 어디서 났는지 알 수가 있다. 2. try_catch 문 try_catch 문은 try부분과 catch부분으로 구성되어있다. 문법(Syntax) try { 실행 코드 블럭 } catch(error) { 에러 발생 } try_catch 알..

목차 1. AJAX 2. AJAX의 원리 3. 코드로 보는 AJAX 4. AJAX의 발전과정(Fetch, Axios) 5. AJAX의 단점 1. AJAX Asynchronous JavaScript and XML의 약어로써 자바스크립트와 XML을 이용한 비동기적 통신 방법이다. X가 XML을 의미하긴 하지만 요즘에는 XML대신 JSON을 사용한다. AJAX라는 말은 비동기 통신이라는 고유명사라고 봐도 무방하다. 2. AJAX의 원리 먼저, 브라우저는 어느 사이트에 접속과 동시에 서버에 화면을 그릴수 있도록 요청을 한다. 요청을 받은 서버는 브라우저에게 사이트의 화면의 기본 구조를 그린 템플릿을 전달한다. 응답을 받은 브라우저는 템플릿(HTML과 CSS)을 해석하여 기초 화면을 그린다. HTML에는 // h..

목차 1. 객체를 만드는 방법 2. 객체 리터럴 3. 생성자 함수 4. Class 문법 1. 객체를 만드는 방법 객체를 만드는 방법에는 크게 세 가지가 있다. 1. 객체 리터럴 2. 생성자 함수 3. Class 문법 2. 객체 리터럴 가장 기본적인 방법으로, 객체를 중괄호를 이용해 직접 객체를 선언해 값을 넣어주는 방법이다. let obj = { 키: 값, 키: 값, ... } 하지만, 비슷한 객체를 여러가지 만들어야할 때는 일일이 만들수가 있을까? 만들수는 있지만 단순 노동업무를 하는 것은 비효율적이므로, 이에 따라 생성자 함수라는 것이 나오게 되었다. 3. 생성자 함수 생성자 함수는 일반 함수와 특별한 기술의 차이는 없다. 다만, 아래의 두 관례를 따를뿐이다. 1. 함수명의 첫 글자는 대문자로 시작해..

목차 1. 중첩함수(nested function) 2. 렉시컬 환경(Lexical Environment) 3. 결과 4. 클로저(closure) 1. 중첩함수(nested function) 함수 내부에서 선언한 함수는 "중첩 함수"라고 한다. https://char1ey.tistory.com/69 Javascript 함수(선언식, 표현식, 화살표 함수) 목차 1. 함수 2. 함수 선언식 3. 함수 표현식 4. 화살표 함수 5. 콜백 함수 6. 함수의 기능 6.1. 일반 함수 6.2. 생성자 함수 6.3. 객체 메서드 1. 함수(function) 스크립트에 코드를 작성하여도 동작은 가능 char1ey.tistory.com 위의 포스팅에서 지역변수, 전역변수, 외부변수에 대해서 설명한 적이 있다. 이 두 개..

목차 1. new Date( ) 2. Date 관련 메서드 1. new Date( ) 자바스크립트에서는 날짜와 관련된 내장 객체 Date가 있다. Date 객체를 활용하여 시간을 측정하거나, 현재 날짜를 출력할 수도 있다. Date 객체에 무슨 인자를 넣는냐에따른 반환 형태를 알아보도록하자. Date( ) Date( 밀리초 ) Date( dateString ) Date( year, month, date, hours, minutes, seconds, milliseconds ) Date 객체 생성하기 인수 없이 호출했을 경우 let now = new Date(); console.log( now ); // 현재의 시간이 출력된다. // 2023-01-14T15:52:30.628Z new Date( 밀리초 ) ..