Computer Science/JavaScript

[JavaScript] 개념노트 8편: 화살표 함수와 함수 표현식

JavaScript 개념노트 8편: 화살표 함수와 함수 표현식안녕하세요. 지난 글에서는 JavaScript의 함수 기본 개념에 대해 알아보았습니다. 이번 글에서는 함수를 만드는 또 다른 방법인 함수 표현식과 화살표 함수에 대해 정리해보겠습니다.JavaScript에서 함수는 한 가지 방식으로만 만들 수 있는 것이 아닙니다. 기본적인 함수 선언문 외에도 변수에 함수를 담는 방식, 더 짧게 작성하는 화살표 함수 방식이 있습니다.1. 지난 시간 복습: 함수 선언문먼저 지난 글에서 배운 기본 함수 형태를 다시 보겠습니다.function sayHello() { console.log("안녕하세요!");}sayHello();이 방식은 함수 선언문이라고 부릅니다. function 키워드를 사용하고, 함수 이름을 직접 ..

2026. 6. 4. 13:56

Computer Science/JavaScript

[JavaScript] 개념노트 7편: 함수 기본 개념

JavaScript 개념노트 7편: 함수 기본 개념안녕하세요. 지난 글에서는 같은 코드를 여러 번 실행할 때 사용하는 반복문에 대해 알아보았습니다. 이번 글에서는 JavaScript에서 코드를 묶어서 재사용할 수 있게 해주는 함수에 대해 정리해보겠습니다.함수는 JavaScript에서 매우 중요한 개념입니다. 처음에는 조금 낯설 수 있지만, 쉽게 말하면 자주 사용하는 코드를 이름 붙여 저장해두는 방법이라고 생각하면 됩니다.1. 함수란?함수는 특정 작업을 하는 코드를 하나로 묶어둔 것입니다.예를 들어 인사 메시지를 출력하는 코드를 여러 번 사용해야 한다고 생각해보겠습니다. 함수를 사용하지 않으면 같은 코드를 계속 반복해서 작성해야 합니다.console.log("안녕하세요!");console.log("안녕하세..

2026. 6. 2. 21:47

Computer Science/JavaScript

[JavaScript] 오버로딩 vs 오버라이딩 개념

JavaScript 오버로딩과 오버라이딩 개념 정리 오버로딩과 오버라이딩은 객체지향 프로그래밍에서 자주 등장하는 개념이다. 이름이 비슷해서 헷갈리기 쉽지만, 실제 의미는 다르다. 간단히 말하면 오버로딩은 같은 이름의 함수를 매개변수에 따라 다르게 사용하는 것이고, 오버라이딩은 부모에게 물려받은 메서드를 자식 클래스에서 다시 정의하는 것이다. JavaScript에서는 Java나 C++처럼 메서드 시그니처 기준의 오버로딩은 지원하지 않는다. 하지만 매개변수 개수, 타입 검사, 기본값, rest parameter 등을 활용해서 오버로딩처럼 구현할 수 있다. 반면 오버라이딩은 class 상속 문법을 통해 자연스럽게 사용할 수 있다. 1. 오버로..

2026. 5. 14. 01:23

Computer Science/JavaScript

[JavaScript] 개념노트 6편: 반복문 for, while, for...of

JavaScript 개념노트 6편: 반복문 for, while, for...of안녕하세요. 지난 글에서는 조건에 따라 다른 코드를 실행하는 조건문에 대해 알아보았습니다. 이번 글에서는 같은 코드를 여러 번 반복해서 실행할 수 있게 해주는 반복문에 대해 정리해보겠습니다.반복문은 JavaScript에서 자주 사용하는 문법입니다. 같은 코드를 여러 번 작성하지 않고, 필요한 횟수만큼 자동으로 반복 실행할 수 있게 해줍니다.1. 반복문이란?반복문은 같은 코드를 여러 번 실행할 때 사용하는 문법입니다.예를 들어 콘솔에 숫자 1부터 5까지 출력하고 싶다고 가정해보겠습니다. 반복문을 사용하지 않으면 아래처럼 작성해야 합니다.console.log(1);console.log(2);console.log(3);console..

2026. 2. 13. 23:00

Computer Science/JavaScript

[JavaScript] 개념노트 5편: 조건문 if, else, switch

JavaScript 개념노트 5편: 조건문 if, else, switch안녕하세요. 지난 글에서는 JavaScript의 연산자와 형 변환에 대해 알아보았습니다. 이번 글에서는 조건에 따라 다른 코드를 실행할 수 있게 해주는 조건문에 대해 정리해보겠습니다.조건문은 JavaScript에서 정말 많이 사용되는 문법입니다. 로그인 여부를 확인하거나, 나이에 따라 다른 메시지를 보여주거나, 점수에 따라 등급을 나누는 기능을 만들 때 조건문을 사용합니다.1. 조건문이란?조건문은 특정 조건이 참인지 거짓인지에 따라 실행할 코드를 다르게 정하는 문법입니다.예를 들어 사용자가 로그인한 상태라면 “환영합니다”를 보여주고, 로그인하지 않은 상태라면 “로그인이 필요합니다”를 보여줄 수 있습니다.const isLogin = t..

2026. 2. 13. 22:00

Computer Science/JavaScript

[JavaScript] 개념노트 4편: 연산자와 형 변환

JavaScript 개념노트 4편: 연산자와 형 변환안녕하세요. 지난 글에서는 JavaScript의 기본 자료형인 문자열, 숫자, 불리언, null, undefined에 대해 알아보았습니다. 이번 글에서는 JavaScript에서 값을 계산하거나 비교할 때 사용하는 연산자와 자료형이 바뀌는 개념인 형 변환에 대해 정리해보겠습니다.연산자는 JavaScript 코드에서 정말 자주 사용됩니다. 숫자를 계산할 때도 사용하고, 값이 같은지 비교할 때도 사용하며, 조건문에서 참과 거짓을 판단할 때도 사용합니다.1. 연산자란?연산자는 값을 계산하거나 비교하거나 판단할 때 사용하는 기호입니다.예를 들어 아래 코드에서 +는 두 숫자를 더하는 연산자입니다.const result = 10 + 5;console.log(resu..

2026. 2. 13. 21:30

Computer Science/JavaScript

[JavaScript] 개념노트 3편: 자료형 문자, 숫자, 불리언, null, undefined

JavaScript 개념노트 3편: 자료형 문자, 숫자, 불리언, null, undefined안녕하세요. 지난 글에서는 JavaScript에서 값을 저장할 때 사용하는 변수에 대해 알아보았습니다. 이번 글에서는 변수에 저장할 수 있는 값의 종류인 자료형에 대해 정리해보겠습니다.자료형은 JavaScript를 공부할 때 꼭 알아야 하는 기본 개념입니다. 문자, 숫자, 참과 거짓, 비어 있는 값처럼 데이터의 종류를 구분하는 기준이라고 생각하면 됩니다.1. 자료형이란?자료형은 데이터의 종류를 의미합니다.예를 들어 "안녕하세요"는 문자이고, 100은 숫자입니다. 또 true와 false는 참과 거짓을 나타냅니다.const name = "철수";const age = 20;const isStudent = true;위..

2026. 2. 7. 19:23

Computer Science/JavaScript

[JavaScript] 개념노트 2편: 변수 var, let, const 차이

JavaScript 개념노트 2편: 변수 var, let, const 차이안녕하세요. 지난 글에서는 JavaScript가 무엇인지, 그리고 웹 페이지에서 어떤 역할을 하는지 알아보았습니다. 이번 글에서는 JavaScript를 공부할 때 가장 먼저 만나게 되는 개념인 변수에 대해 정리해보겠습니다.JavaScript에서 변수는 데이터를 저장하는 공간입니다. 예를 들어 이름, 나이, 점수, 로그인 상태 같은 값을 변수에 담아두고 사용할 수 있습니다.1. 변수란?변수는 값을 저장해두는 이름이 있는 공간입니다.예를 들어 사용자의 이름을 저장하고 싶다면 아래처럼 작성할 수 있습니다.let name = "철수";console.log(name);위 코드에서 name이 변수 이름이고, "철수"가 변수에 저장된 값입니다...

2026. 2. 7. 19:18