JS 기초 문법

안녕하세요! 조신선입니다🪐.

오늘은 JS 기초문법을 알아보도록 하겠습니다. 

 

JavaScript(종종 JS로 축약됨)는 개발자가 웹 페이지에 동적 및 대화형 기능을 추가할 수 있도록 하는 널리 사용되는 프로그래밍 언어입니다. 주로 프런트 엔드 웹 개발에 사용되며 대화형 사용자 인터페이스 생성, 사용자 이벤트 처리, 서버에 대한 비동기 요청 생성이 가능합니다.

JavaScript는 동적으로 입력되는 언어입니다. 즉, 변수는 모든 데이터 유형의 값을 보유할 수 있으며 해당 유형은 런타임에 변경될 수 있습니다. 객체 지향, 명령형 및 기능적 프로그래밍 패러다임을 지원하므로 광범위한 개발 작업에 다용도로 사용할 수 있습니다.

JavaScript의 몇 가지 주요 기능은 다음과 같습니다.

변수: JavaScript는 var, let 또는 const 키워드를 사용하여 값을 저장하고 작업을 수행하는 변수 선언을 허용합니다.
데이터 유형: JavaScript는 숫자, 문자열, 부울, 배열, 객체 등과 같은 다양한 내장 데이터 유형을 지원합니다.
연산자: JavaScript는 값에 대한 연산을 수행하기 위한 산술, 비교, 논리 및 기타 연산자를 제공합니다.
흐름 제어: JavaScript는 코드 실행 흐름을 제어하기 위한 조건문(if, else, switch)과 루프(for, while, do-while)를 제공합니다.
함수: JavaScript는 함수의 정의와 호출을 지원합니다. 함수는 매개변수와 반환 값을 수락할 수 있는 재사용 가능한 코드 블록입니다.
DOM 조작: JavaScript는 웹 페이지의 구조와 내용을 나타내는 문서 객체 모델(DOM)의 조작을 허용하여 사용자 상호 작용을 기반으로 웹 페이지를 동적으로 업데이트할 수 있습니다.
비동기 프로그래밍: JavaScript는 Promise, async/await 및 콜백을 사용하여 비동기 프로그래밍을 지원하여 비차단 코드 실행 및 API 요청과 같은 비동기 작업 처리를 허용합니다.
전반적으로 JavaScript는 대화형 웹 응용 프로그램을 구축하고 웹 사이트에 동적 기능을 추가하는 데 널리 사용되는 강력하고 다양한 프로그래밍 언어입니다.

 

그리고 아래는 기초 문법입니다. 

---

1. 변수: 변수는 JavaScript에서 값을 저장하는 데 사용됩니다. var, let 또는 const 키워드를 사용하여 변수를 선언할 수 있습니다. 

예시:

var x = 5; // 변수 x를 선언하고 값 5를 할당
let y = 10; // 변수 y를 선언하고 값 10을 할당
const z = 15; // 상수 변수 z를 선언하고 값 15를 할당

2. 데이터 타입: JavaScript에는 숫자, 문자열, 부울, 배열, 객체 등 여러 가지 내장 데이터 타입이 있습니다. 

예시:

let num = 42; // 숫자
let str = "안녕하세요, 세상!"; // 문자열
let bool = true; // 부울
let arr = [1, 2, 3, 4, 5]; // 배열
let obj = {name: "존", age: 30}; // 객체

 

3. 연산자: JavaScript에는 산술, 비교, 논리 연산자 등 다양한 연산자가 있습니다.

예시:

let a = 10;
let b = 5;

let sum = a + b; // 덧셈
let difference = a - b; // 뺄셈
let product = a * b; // 곱셈
let quotient = a / b; // 나눗셈

let isEqual = a === b; // 동등 비교
let isNotEqual = a !== b; // 부등 비교
let isGreater = a > b; // 크다 비교
let isLess = a < b; // 작다 비교

let isTrue = true;
let isFalse = false;

let logicalAnd = isTrue && isFalse; // 논리 AND
let logicalOr = isTrue || isFalse; // 논리 OR
let logicalNot = !isTrue; // 논리 NOT

4. 제어 흐름: JavaScript는 if, else, switch, for, while, do-while 등의 제어 흐름 문장을 제공하여 코드의 실행 흐름을 제어할 수 있습니다. 

예시:

let age = 18;

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

for (let i = 0; i < 5; i++) {
    console.log(i);
}

while (age < 21) {
    console.log("아직 술을 마실 수 없습니다.");
    age++;
}

5. 함수: 함수는 특정 작업을 수행하기 위해 정의되고 호출되는 코드 블록입니다. 함수는 매개변수를 가질 수 있고, 값을 반환할 수 있습니다. 

예시:

function greet(name) {
    console.log("안녕하세요, " + name + "님!");
}

greet("존"); // "존"이라는 인자

 

 

우선 기본적으로 알면 좋은 내용들만 작성을 했습니다. 저는 이렇게 기본적으로 '아~ 이런 문법이 있구나'만 알고 넘어가고, 깃허브나 코드펜 같은 사이트에서 고수들이 만들어 놓은 코드를 수정하는식으로 응용해서 공부를 진행했습니다.

 

기초를 익힌 후에 다음 스텝으로 넘어가보겠습니다.