오늘은 자바스크립트 첫 수업을 했따.
변수/상수의 개념, 배열, 객체에 대해 복기해보쟈.

시작은 미약하나 그 끝은 창대하리라,,☆

1. 자바스크립트

자바스크립트는 HTML, CSS와 함께 웹을 구성하는 요소 중 하나로, 웹 브라우저에서 동작하는 유일한 프로그래밍 언어다.

---

2. 변수와 상수

변수와 상수는 데이터를 담는 공간이다.
두 개념의 차이를 확인해보자.

변수 (값이 변할 수 있음) : var, let키워드 사용
상수 (값이 변할 수 없음): const 키워드 사용

### 2-1. 변수 선언(variable declaration)

변수 선언이란 변수를 생성하는 것을 말한다.

let score;  //변수 선언(변수 선언문)

2-2. 할당(definition)

할당이란 변수에 데이터를 담아주는 행위이다.

var score;  //변수 선언
score = 80;  //값의 할당

변수 선언과 할당을 하나의 문으로 작성하면

var score = 80;  //변수 선언과 값의 할당

---

3. 배열(Array)

배열은 여러 개의 값을 순차적으로 나열한 자료구조다. 배열은 자주 사용하게 될 것이므로 꼭 잘 익혀두자!!

let classmates = ["철수", "영희", "훈이"];  //문자 담기

let numbers = [15, 200, 7, 58, 5.9];  //숫자 담기

let blanks = [];  //빈 배열

배열이 가지고 있는 값은 요소(element)이다.

### 3-1. 배열의 인덱스(index)

배열의 요소는 배열에서 자신의 위치를 나타내는 0 이상의 정수인 인덱스를 갖는다. 요소에 접근할 때 사용한다!!

인덱스는 0부터 시작함!!!

// 배열의 길이 구하기 
classmates.length          // 3

// 배열의 값 꺼내기
classmates[0]              // "철수"
classmates[1]              // "영희"

// 배열의 맨 뒤에 추가하기
classmates.push("민지")     // ["철수", "영희", "훈이", "민지"]

// 배열의 맨 마지막 삭제하기
classmates.pop()          // ["철수", "영희", "훈이"]

// 배열의 요소 정렬하기, 거꾸로 뒤집기
classmates.sort()               // ["영희", "철수", "훈이"]

// 배열이 가지고있는 데이터 확인하기
classmates.includes("철수")     // true
classmates.includes("영구")     // false

const classmates1 = ["철수", "영희", "훈이"]
const classmates2 = ["민지", "민수"]

// 배열 2개 연결하기 _ concat
classmates1.concat(classmates2)     
// ["철수", "영희", "훈이", "민지", "민수"]

// 문자열 쪼개기
const classmates2 = "철수&영희"
classmates2.split("&")     // ["철수", "영희"]

---

4. 객체(Object)

객체는 다양한 데이터를 하나의 그룹으로 묶는 보따리와 같다.
다양한 데이터를 하나로 묶기 위해서, 각각의 데이터를 키와 값으로 연결한다.

let classmates = [
    { name: "철수", age: 13, school: "다람쥐초등학교"},
    { name: "영희", age: 8, school: "공룡초등학교"},
    { name: "훈이", age: 11, school: "거북이초등학교"}
]
classmates.length
// 3
classmates[0].school
// '다람쥐초등학교'
classmates[2].age
// 11

---

그리고 오늘 작업한 싸이월드 2일차!