JavaScript

[TypeScript] 자바스크립트 타입스크립트로 전환

자바스크립트 프로젝트를 타입스크립트로 전환하는 법 유효한 자바스크립트는 유효한 타입스크립트이며 타입스크립트는 모든 타입을 명시적으로 선언하지 않아도 최선을 다해 타입을 추론하려고 한다. 이러한 사실은 자바스크립트를 타입스크립트로 점진적, 단계적으로 전환할 수 있음을 의미한다. 1. 비주얼 스튜디오 코드(VSCode)로 자바스크립트 페어링 비주얼 스튜디오 코드에는 편집기 또는 특정 작업 영역(프로젝트)에 대해 자바스크립트에서 타입스크립트 검사를 활성화 할 수 있는 설정이 포함되어 있다. ..vscode/setting.json에 다음 코드를 추가할 수 있다. { "Javascript.implicitProjectConfig.checkJs":true } 이제 타입이 안전하지 않은 줄에는 에디터에서 해당 코드를 ..

[JavaScript] 자바스크립트 기본 문법(함수(function),객체(object),배열(array))

함수(function) 함수란 어떤 작업을 수행하기 위해 필요한 문(statement)들의 집합을 정의한 코드 블록이다. 함수는 이름과 매개변수를 갖으며 필요한 때에 호출하여 코드 블록에 담긴 문들을 일괄적으로 실행한 수 있다. // 함수의 정의(함수 선언문) function square(number) { return number * number; } 함수는 호출에 의해 실행되는데 한번만 호출한 수 있는 것이 아니라 여러번 호출할 수 있다. // 함수의 정의(함수 선언문) function square(number) { return number * number; } // 함수의 호출 square(2); // 4 동일한 작업을 반복적으로 수행해야 한다면 (동일한 구문을 계속해서 중복 작성하는 것이 아니라) ..

[JavaScript] 자바스크립트 기본 문법(문(statement),표현식(Expression))

문(statement) 프로그램(스크립트)은 컴퓨터(Client-side Javascript의 경우, 엄밀히 말하면 웹 브라우저)에 의해 단계별로 수행될 명령들의 집합이다. 각각의 명령을 문(statement)이라 하며 문이 실행되면 무슨 일인가가 일어나게 된다. 문은 리터럴, 연산자(Operator), 표현식(Expression), 키워드(Keyword) 등으로 구성되며 세미클론(;)으로 끝나야 한다. var x = 5; var y = 6; var z = x + y; console.log(z); 문은 코드 블록(code block, {...})으로 그룹화할 수 있다. 그룹화의 목적은 함께 실행되어져야 하는 문을 정의하기 위함이다. // 함수 function myFunction(x, y) { return..

[JavaScript] 자바스크립트 기본 문법((연산자(Operator),키워드(Keyword),주석(Comment))

연산자(Operator) 연산자(Operator)는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입 연산 등을 수행해 하나의 값을 만든다. 이때 연산의 대상을 피연산자(Operand)라 한다. // 산술 연산자 var area = 5 * 4; // 20 // 문자열 연결 연산자 var str = 'My name is' + 'Lee'; // "My name is Lee" // 할당 연산자 var color = 'red'; // "red" // 비교 연산자 var foo = 3 > 5; // flase // 논리 연산자 var bar = (5 > 3) && (2 5) { break; //반복문 탈출 } console.log(i); i++; } 주석(Comment) 주석(Comment)은 작성..

[JavaScript] 자바스크립트 기본 문법(변수(Variable),값(value))

변수(Variable) 변수(Variable)는 값(value)을 저장(할당)하고 그 저장된 값을 참조하기 위해 사용한다. 한번 쓰고 버리는 값이 아닌 유지(캐싱)할 필요가 있는 값은 변수에 담아 사용한다. 또한 변수 이름을 통해 값의 의미를 명확히 할 수 있어 코드의 가독성이 좋아진다. 변수는 위치(주소)를 기억하는 저장소이다. 위치랑 메모리 상의 주소(address)를 의미한다. 즉, 변수란 메모리 주소(Memory address)에 접근하기 위해 사람이 이해할 수 있는 언어로 지정한 식별자(identifier)이다. 변수를 선언할 때 var 키워드를 사용한다. 할당 연산자 =는 변수에 값을 할당하기 위해 사용한다. 아래의 예는 x가 변수로 선언되었고 변수 x에는 정수값 5가 할당된다. var x; ..

[JavaScript] 자바스크립트 소개

자바스크립트 개요 자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어이다. HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있다. 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js 를 사용하면 서버 측 프로그래밍에서도 사용할 수 있다. 현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있다. 자바스크립트의 역사 자바스크립트는 1995년에 넷스케이프(Netscape)의 브렌던 아이크(Brendan Eich)에 의해 만들어졌다. 처음에는 모카(Mocha)라는 이름으로 개발되었으나, 그 후에 라이브스크립트(LiveScript), 최종적으로는 자바스크립트(JavaScript)라..