본문 바로가기
IT

JavaScript

by csongin 2022. 6. 16.
728x90
JavaScript

console.log()

console.log() 메서드는 콘솔에 메시지를 기록하거나 인쇄하는데 사용됩니다.

console.log('Hello, World');
// Hello, World

Comments

주석은 프로그램 내에 실행되지 않는 텍스트입니다.

// 한줄 주석

/*
여러 줄 주석
*/

Data types(데이터 유형)

데이터 유형은 7가지의 기본 데이터 유형이 있습니다.

데이터 유형 설명
Number 소수가 포함된 숫자를 포함한 임의의 숫자 : 4, 8, 1516, 23.42
String 작은 따옴표 ' ' 또는 큰 따옴표 " "로 묶인 키보드의 문자 그룹(문자, 숫자, 공백, 기호 등)
Boolean 이 데이터 유형에는 true 또는 false 두 가지만 가능한 값이 있습니다.
Null 이 데이터 유형은 의도적인 부재 값을 나타내며 키워드 null로 표현됩니다.
Underfined 이 데이터 유형은 underfined 키워드로 표시됩니다. null과 다른 용도로 사용되지만 값이 없음을 나타내기도 합니다.
Symbol 언어의 새로운 기능인 기호는 고유 식별자로 보다 복잡한 코딩에 유용합니다.
Object 관련 데이터 모음입니다.

Operators(연산자)

연산자는 JavaScript에서 작업을 수행하는 특수 문자 또는 일련의 문자입니다.

 

Assignment Operators(할당 연산자)

할당 연산자(=)는 변수에 값을 할당합니다.

let x = 10;

할당 연산자는 오른쪽 피연산자의 값을 기반으로 왼쪽 피연산자에 값을 할당합니다.

  • += 추가할당
  • -= 빼기할당
  • *= 곱셈할당
  • /= 나눗셈할당
let number = 100;

// Both statements will add 10
number = number + 10;
number += 10;

console.log(number);
// Output: 120

 

Arithmetic Operators(산술 연산자)

산술 연산자는 숫자에 대한 산술을 수행하는데 사용됩니다.

// 덧셈
5 + 5;
// 뺄셈
10 - 5;
// 곱셈
5 * 2;
// 나눗셈
10 / 5;
// 나머지
10 % 5

 

Comparison Operators(비교 연산자)

  • == 동일
  • === 동일한 값 및 동일한 유형
  • != 같지 않다
  • !== 같지 않은 값 또는 같지 않은 유형
  • > ~보다 큰
  • < 미만
  • >= 크거나 같음
  • <= 이하
  • ? 삼항 연산자

console.log('Hello,' + 'JavaScript');

Properties(속성)

JavaScript 프로그램에 새로운 데이터 조각을 도입하면 브라우저는 이를 데이터 유형의 인스턴스로 저장합니다. 모든 데이터 유형은 각 인스턴스로 전달되는 특정 속성에 액세스할 수 있습니다. 예를 들어, 모든 문자열 인스턴스에는 length 해당 문자열의 문자 수를 저장하는 속성이 있습니다. 문자열에 마침표와 속성 이름을 추가하여 속성 정보를 검색할 수 있습니다.

console.log('Hello'.length);
// 5

Methods(메서드)

. 마침표 메서드는 객체에 대한 정보를 반환하고 , 메서드 이름 및 괄호가 있는 인스턴스를 추가하여 호출됩니다.

console.log('hello'.toUpperCase()); // HELLO
console.log('Hey'.startsWith('H')); // true

Math.floor(Math.random() * 50);
// 0~50 사이에 숫자 출력

 

정리하며
  • console.log()는 데이터와 함께 메시지를 표시하는 패널인 콘솔에 인쇄되거나 기록됩니다.
  • // 한 줄 주석, /**/사이에 여러 줄 주석을 작성할 수 있습니다.
  • JavaScript에는 String, Number, Boolean, null, undefined, Symbol, Object의 7가지 기본 데이터 유형이 있습니다.
  • 숫자는 따옴표가 없습니다.
  • 문자열은 작은따옴표나 큰따옴표로 묶인 문자입니다.
  • 기본 제공 산술 연산자에는 +, -, *, /및 %가 있습니다.
  • 데이터 유형의 인스턴스를 포함한 객체는 속성, 저장된 정보를 가질 수 있습니다. 속성은 .객체 이름 뒤에 표시됩니다.(예: 'Hello'.length)
  • 데이터 유형의 인스턴스를 포함한 객체는 작업을 수행하는 메서드를 가질 수 있습니다. 메서드는 객체 또는 인스턴스에 마침표, 메서드 이름 및 괄호를 추가하여 호출됩니다. 예: 'hello'.toUpperCase().
  • . 점 연산자를 사용하여 속성과 메서드에 액세스할 수 있습니다.
  • Math를 포함한 내장 객체는 JavaScript가 제공하는 메서드 및 속성의 모음입니다.
반응형

'IT' 카테고리의 다른 글

Kelvin Weather  (0) 2022.06.17
variable  (0) 2022.06.17
HTML 소개  (0) 2022.06.16
[Do it! 자바 프로그래밍 입문] 15 자바 입출력  (0) 2022.06.13
[Do it! 자바 프로그래밍 입문] 14 예외 처리  (0) 2022.06.12