슈퍼코딩 인턴 훈련: JavaScript 기본 개념 정리

안녕하세요! 오늘은 슈퍼코딩 인턴 훈련에서 배운 JavaScript의 기본 개념들을 정리해보려고 합니다. 자바스크립트는 웹 개발에서 매우 중요한 언어로, 특히 프론트엔드 개발에 필수적입니다. 자, 그럼 본격적으로 JavaScript의 핵심 개념들을 하나씩 알아볼까요?

1. 변수 (Variables)  
변수는 데이터를 저장하는 데 사용됩니다. JavaScript에서는 `var`, `let`, `const` 세 가지 키워드로 변수를 선언할 수 있습니다.  
- `var`: 전역 또는 함수 범위에 적용되며 재선언이 가능합니다.  
- `let`: 블록 범위에 적용되며 재선언이 불가능합니다.  
- `const`: 상수로, 한 번 값을 할당하면 변경할 수 없습니다.

```javascript
let name = "Chloe";
const age = 9;
```

2. 자료형 (Data Types)  
자바스크립트에서 다루는 기본 자료형은 크게 여섯 가지로 나뉩니다:  
- `String` (문자열)  
- `Number` (숫자)  
- `Boolean` (참/거짓)  
- `null` (값이 없음을 명시)  
- `undefined` (정의되지 않은 값)  
- `Object` (객체)

```javascript
let isStudent = true;
let score = 90;
```

3. 연산자 (Operators)  
JavaScript는 다양한 연산자를 지원합니다. 가장 많이 사용되는 연산자는 다음과 같습니다:  
- 산술 연산자: `+`, `-`, `*`, `/`, `%`  
- 비교 연산자: `==`, `===`, `!=`, `!==`, `>`, `<`, `>=`, `<=`  
- 논리 연산자: `&&` (그리고), `||` (또는), `!` (부정)

```javascript
let a = 5;
let b = 10;
console.log(a + b); // 15
console.log(a > b); // false
```

 4. 조건문 (Conditionals)  
조건문은 주어진 조건에 따라 코드의 흐름을 제어할 수 있게 합니다. 대표적으로 `if`, `else`, `else if` 구문이 있습니다.

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

5. 함수 (Functions)  
함수는 코드의 재사용성을 높여주는 중요한 요소입니다. `function` 키워드를 사용하여 정의할 수 있습니다.

```javascript
function greet(name) {
  return `Hello, ${name}!`;
}
console.log(greet("Chloe")); // Hello, Chloe!
```

6. 배열 (Arrays)  
배열은 여러 값을 하나의 변수에 저장할 수 있는 자료형입니다. 각 값은 인덱스로 접근할 수 있습니다.

```javascript
let fruits = ["apple", "banana", "cherry"];
console.log(fruits[1]); // banana
```

7. 객체 (Objects)  
객체는 키-값 쌍으로 데이터를 저장하는 구조입니다.

```javascript
let person = {
  name: "Chloe",
  age: 9,
  job: "student"
};
console.log(person.name); // Chloe
```

결론  
JavaScript는 웹 개발에서 필수적인 언어로, 그 기본 개념을 이해하는 것이 중요합니다. 위에 나열된 개념들은 자바스크립트를 시작하는 데 필요한 핵심 요소들이며, 앞으로 더 복잡한 개념들을 배우면서 점점 더 강력한 기능들을 익혀나갈 수 있습니다. 앞으로도 슈퍼코딩 인턴 훈련을 통해 더 많은 기술들을 배워가며, 그 내용을 공유할 예정이니 많은 기대 부탁드립니다!

감사합니다!