Code and Crescendo raccoon

조건문

어떤 조건이 주어졌을 때, 어떤 동작이 수행하는 문법을 조건문이라고 지칭한다.

let age = 20;
if (age >= 18) {
    console.log('성인입니다.');
} else {
    console.log('미성년자입니다.');
}

반복문

같은 동작을 여러번 반복시키는 문법을 반복문이라고 지칭한다.

let i;

for (i = 0; i < 5; i=i+1) { // for(반복 카운트 변수 정의; 반복 조건 정의(True일 때 작동); 1회 반복 후 증감 정의)
    console.log(i); // 0, 1, 2, 3, 4
}

for (let n of [1,2,3,4,5]) { // for(배열 크기만큼 반복)
    console.log(n);
}

let count = 0;
while (count < 3) { // while(조건이 True일 때 반복)
    console.log(count); // 0, 1, 2
    count++;
}

참고 자료

https://ko.wikipedia.org/wiki/%EC%A1%B0%EA%B1%B4%EB%AC%B8

https://ko.wikipedia.org/wiki/%EB%B0%98%EB%B3%B5%EB%AC%B8

혹시라도 틀린 내용이 있다면 댓글로 알려주시면 감사하겠습니다!!

연산자란?

연산자는 프로그램이 다양한 연산을 진행하기 위해 제공하는 기호 혹은 키워드를 의미합니다.

JavaScript에서는 연산자는 크게 산술연산자, 비교 연산자, 논리 연산자, 할당 연산자 4개가 존재한다.

산술 연산자

산술 연산자는 간단한 4칙연산을 제공하는 기호 혹은 키워드를 의미한다.

let a = 10;
let b = 5;

console.log(a + b); // 15 (더하기)
console.log(a - b); // 5 (빼기)
console.log(a * b); // 50 (곱하기)
console.log(a / b); // 2 (나누기)
console.log(a % b); // 0 (나머지)

비교 연산자

비교 연산자는 값을 비교한 후, 참 거짓을 제공하는 기호 혹은 키워드를 의미한다.

let x = 10;
let y = 20;

console.log(x == y);  // false (같은지 비교)
console.log(x === y); // false (값과 타입이 같은지 비교)
console.log(x != y);  // true (같지 않은지 비교)
console.log(x !== y); // true (값과 타입이 다르면 true)
console.log(x < y);   // true (x가 y보다 작은지)
console.log(x > y);   // false (x가 y보다 큰지)
console.log(x <= y);  // true (x가 y보다 작거나 같은지)
console.log(x >= y);  // false (x가 y보다 크거나 같은지)

논리 연산자

논리 연산을 제공하는 기호 혹은 키워드를 의미한다.

let p = true;
let q = false;

console.log(p && q); // false (AND: 둘 다 true여야 true)
console.log(p || q); // true (OR: 하나라도 true면 true)
console.log(!p);     // false (NOT: true는 false로, false는 true로)

할당 연산자

값을 변수에 저장하는 기능을 제공하는 기호 혹은 키워드를 의미한다.

let z = 10;

// 단순 할당
z = 15;
console.log(z); // 15

// 복합 할당
z += 5;  // z = z + 5
console.log(z); // 20

z -= 3;  // z = z - 3
console.log(z); // 17

z *= 2;  // z = z * 2
console.log(z); // 34

z /= 2;  // z = z / 2
console.log(z); // 17

z %= 5;  // z = z % 5
console.log(z); // 2

참고 자료

https://www.elancer.co.kr/blog/detail/277

혹시라도 틀린 내용이 있다면 댓글로 알려주시면 감사하겠습니다!!

JavaScript 변수 선언

JavaScript는 동적 변수 언어이므로, 변수를 선언할 때 타입을 지정하지 않습니다.

즉, 변수에 저장되는 값이 숫자이든, 문자든, 문자열이든 따로 지정하지 않습니다.

변수 명명은 다음과 같은 코딩 컨벤션을 가지고 있습니다.

• 숫자로 시작 x
• 특수문자는 _만 가능
• 소문자로 시작
• 예약어 사용금지(let, const)

변수 선언은 크게 var, let, const 3가지로 구분됩니다.

1. var 사용

var x = 10;
var x = 20;
x = 30;
console.log(x);

• 함수 스코프(Function Scope)를 가집니다.
• 중복 선언이 가능하여 의도하지 않은 오류를 유발할 수 있음.

따라서 요즘엔 권장하지도 않고, 사용하지도 않는다.

2. let 사용

let y;
y = 10;
y = 20;
console.log(y);

• 블록 스코프(Block Scpe)를 가지는 변수 선언 키워드.
• 중복 선언이 불가능하며, 재할당 가능.

3. const 사용

const z = 30;
// z = 40; // 오류 발생
console.log(z); // 30

• 블록 스코프를 가지며, 상수(Constant) 선언 시 사용.
• 선언 후 값을 변경할 수 없음.

데이터 타입 확인

JavaScript 언어가 변수 선언할 때 타입을 선언하지 않는다고 해서 언어의 타입이 존재하지 않는것은 아니다.

JavaScript 언어는 크게 기본타입, 참조 타입이 존재한다.

기본 타입(Primitive Types)

// 숫자 (Number)
let num = 42;
console.log(typeof num); // "number"

// 문자열 (String)
let str = "Hello, World!";
console.log(typeof str); // "string"

// 불리언 (Boolean)
let isTrue = true;
console.log(typeof isTrue); // "boolean"

// null
let nullValue = null;
console.log(typeof nullValue); // "object"

// undefined
let undef;
console.log(typeof undef); // "undefined" => 아예 값을 저장 안함.

// Symbol
let sym = Symbol('description');
console.log(typeof sym); // "symbol"

참조 타입(Reference Types)

// 객체 (Object)
let person = {
    name: "John",
    age: 30
};
console.log(typeof person); // "object"

// 배열 (Array)
let arr = [1, 2, 3];
console.log(Array.isArray(arr)); // true (배열 확인)

// 함수 (Function)
function greet() {
    console.log("Hello!");
}
console.log(typeof greet); // "function"

이처럼 실제로는 Type을 가지고 있으며, 명시하지 않을 뿐이다.

혹시라도 틀린 내용이 있다면 댓글로 알려주시면 감사하겠습니다!!

JavaScript란?

JavaScript는 웹 페이지에서 복잡한 기능을 구현할 수 있는 스크립팅 또는 프로그래밍 언어입니다.

HTML과 CSS와 함께 웹 개발의 3대 핵심 기술 중 하나로, 주로 웹 페이지를 동적으로 만들거나 상호작용을 추가하는 데 사용한다.

초기에는 브라우저 내에서만 실행되었지만, 현재는 Node.js와 같은 런타임 환경을 통해 서버 측 개발에서도 사용 가능하다.

JS는 JSEngine이라는 프로그램 위에서 동작하는데, 이 JSEngine은 브라우저에 기본으로 설치되어 있다.

JavaScript 특징

• 경량 언어: 간결하고 빠르게 작성 가능하다.
• 다중 패러다임: 객체지향, 함수형, 이벤트 기반 프로그래밍을 지원한다.
• 크로스 플랫폼: 다양한 운영 체제와 기기에서 실행 가능하다.

JavaScript 장점

• 동적 타이핑(Dynamic Typing): 변수의 타입을 명시하지 않아도 사용 가능
• 인터프리터 언어: 코드를 즉시 실행
• 이벤트 기반 프로그래밍: 사용자의 상호작용을 기반으로 동작
• 플랫폼 독립성: 브라우저만 있으면 실행 가능
• 확장성: 다양한 라이브러리와 프레임워크와 함께 사용 가능 (React, Vue, Angular 등)

JavaScript 단점

• 콜백 지옥 : 비동기 시스템을 제작할 때, CallBack이라는 함수를 이용하게 됩니다. 이때, 코드가 매우 읽기 어려워지는 단점이 존재합니다.
• 타입 예측이 어려움 : JavaScript는 동적 타입 언어이기에, 타입이 변경된다고 해서 에러로 알려주지 않습니다. 따라서 개발자 입장에서 변수의 타입을 예측하기 어렵습니다.
• 자바 스크립트의 피로 : JavaScript 언어 및 JavaScript 언어의 프레임 워크는 빠른 시간 내에 업데이트가 진행됩니다. 그렇기에 JavaScript를 이용해서 개발한다면 끊임없이 나오는 새로운 버젼의 JavaScript 및 프레임 워크를 공부해야 합니다.

참고 자료

https://developer.mozilla.org/ko/docs/Learn_web_development/Core/Scripting/What_is_JavaScript

https://www.elancer.co.kr/blog/detail/173

혹시라도 틀린 내용이 있다면 댓글로 알려주시면 감사하겠습니다!!