[자바스크립트] 소개

Reference
Codecademy. Retrieved from https://www.codecademy.com/

JavaScript는 대부분의 웹 사이트에서 동적 동작을 지원하는 객체 지향 프로그래밍 언어입니다. HTML, CSS와 함께 웹을 구동하는 핵심 기술입니다.

콘솔

console.log() 메서드는 콘솔에 메시지를 기록하거나 인쇄하는 데 사용됩니다. 또한 개체 및 기타 정보를 인쇄하는 데 사용할 수 있습니다.

console.log('Hi there!');
// Prints: Hi there!

코멘트

JavaScript에서 단일 행 주석은 두 개의 연속 슬래시로 작성됩니다//.

// I'm a Single Line Comment

그리고 여러 줄 주석은 시작 부분에 /*, 끝 부분에 */ 줄을 둘러싸서 생성됩니다. 주석은 코드 블록을 설명하거나 힌트를 표시하는 등 다양한 이유로 좋은 방법입니다.

/*  
I'm
Multiple
Line
Comment
*/

데이터 유형

데이터 유형은 프로그래밍에서 사용하는 다양한 유형의 데이터에 부여하는 분류입니다. JavaScript에는 7가지 기본 데이터 유형이 있습니다.

숫자: 소수가 있는 숫자를 포함한 모든 숫자(모든 정수 및 부동 소수점 숫자의 집합): 4 , 8 , 1516 , 23.42 .

let amount = 6;
let price = 4.99;

문자열: 작은따옴표'...' 또는 큰따옴표"..."로 묶인 문자(문자, 공백, 숫자 또는 기호)의 그룹입니다.

let single = 'Wheres my bandit hat?';
let double = "Wheres my bandit hat?";

부울: 이 데이터 유형에는 true 또는 false(따옴표 제외)의 두 가지 가능한 값만 있습니다. 부울을 켜기 및 끄기 스위치로 생각하거나 "예"또는 "아니요"질문에 대한 답변으로 생각하면 도움이 됩니다.

let lateToWork = true;

Null: 이 데이터 유형은 의도적인 값 부재를 나타내며 키워드null(따옴표 제외)로 표시됩니다.

let x = null;

정의되지 않음: 이 데이터 유형은 정의된 값이 없습니다. 선언되었지만 값으로 초기화되지 않은 변수의 값은 undefined 입니다.

var a;
console.log(a); 
// Prints: undefined

기호: 언어의 새로운 기능인 기호는 고유 식별자로 보다 복잡한 코딩에 유용합니다. 지금은 이것들에 대해 걱정할 필요가 없습니다.

개체: 관련 데이터 모음입니다.

산술 연산자

JavaScript는 다음에 대한 산술 연산자를 지원합니다.

+ 가산

- 빼기

* 곱셈

/ 분할

% 모듈로

// Addition
5 + 5
// Subtraction
10 - 5
// Multiplication
5 * 10
// Division
10 / 5
// Modulo
10 % 5

문자열 연결

JavaScript에서는 + 연산자를 사용하여 여러 문자열을 연결할 수 있습니다. 예제에서는 문자열 값을 포함하는 여러 문자열과 변수가 연결되었습니다. 코드 블록을 실행한 후 displayText 변수에는 연결된 문자열이 포함됩니다.

let service = 'credit card';
let month = 'May 30th'; 
let displayText = 'Your ' + service  + ' bill is due on ' +  month + '.';
console.log(displayText);
// Prints: Your credit card bill is due on May 30th.

속성

새로운 데이터 조각을 JavaScript 프로그램에 도입하면 브라우저는 이를 데이터 유형의 인스턴스로 저장합니다. 모든 문자열 인스턴스에는 해당 문자열의 문자 수를 저장하는 length라는 속성이 있습니다.

let message = 'good nite';
console.log(message.length);
// Prints: 9

console.log('howdy'.length);
// Prints: 5

도서관

라이브러리에는 라이브러리 이름에 마침표., 메서드 이름 및 괄호 세트를 추가하여 호출할 수 있는 메서드가 포함되어 있습니다.

Math.random();
// ☝️ Math is the library

행동 양식

메서드는 개체에 대한 정보를 반환하고 마침표., 메서드 이름 및 괄호가 있는 인스턴스를 추가하여 호출됩니다. JavaScript documentation 에서 기본 제공 문자열 메서드 목록을 찾을 수 있습니다. 개발자는 문서를 참조 도구로 사용합니다. JavaScript의 키워드, 방법 및 구문을 설명합니다.
Math.random() 함수는 0(포함)에서 1을 포함하지 않는 범위의 부동 소수점 난수를 반환합니다.

console.log(Math.random());
// Prints: 0 - 0.9

Math.floor() 함수는 주어진 숫자보다 작거나 같은 가장 큰 정수를 반환합니다.

console.log(Math.floor(5.95)); 
// Prints: 5