자바스크립트 1일차

오늘부터 5일간 총 10시간의 강의를 듣고 자바스크립트를 공부한다.

오늘은 변수와 상수, 문자열, 숫자, 배열, 객체에 대해서 배웠다.

변수 & 상수
데이터를 담고, 꺼내 쓰는 상자와 같은 개념.

변수 (값이 변할 수 있음) : var , let
상수 (값이 변할 수 없음) : const

변수와 상수를 만들때 우리는 선언을 합니다.

선언(declaration)

//변수를 선언하는 키워드는 총 3가지
//var, let, const

let result

//let 이라는 키워드를 이용해 result라는 변수 생성

할당(definition)
할당은 변수에 데이터를 담아주는 것

result = 10+20
//result라는 변수에 10+20이라는 데이터가 담김

//선언 + 할당
	let result = 10 + 20
    	선언부	  할당부

변수와 상수의 종류와 특징

	   재선언  재할당
var		O	   O
let		X	   O
const	X      X

예약어
변수를 선언 할때 예약어를 제외한 변수명을 선언해야한다.

new, else, do, if, break, case, finally, catch, this ...

데이터 타입
자바스크립트 데이터의 종류

String(문자열)
// "", '' 안에 입력된 데이터는 모두 문자열 데이터로 표시
Number(숫자)
//1,3,5 와같은 흔한 숫자 데이터

*산술 연산자*
덧셈: +
뺄셈: -
곱셈: *
나눗셈: /
나머지: %
//❗️ 산술연산자 는 숫자타입의 데이터로 
연산을 시도했을 경우만 정상적인 값을 반환하며, 
만일 숫자가 아닌 값으로 연산 을 시도했을 
경우엔 NaN (Not a Number)를 반환합니다.

문자와 숫자 혼합연산

• 더하기 연산자를 이용하여
  문자타입 + 숫자타입을 혼합해서 연산한다면

"문자" + 1 = 문자1
"1" + 1 = 11
"문자 타입10" + 1 = 문자 타입101

이외의 데이터 타입

• Boolean
• undefined
• null
• symbol
• Bigint
• Object

배열
여러개의 데이터를 순서와 함께 저장하고 싶을때 사용 하는 기다란 저장 창고
배열의 index
배열의 index는 요소에 순서를 부여하고 해당 요소에 접근이 가능하게 함

배열의 property
고유한 property, 즉 속성 을 가지고 있으며 배열의 길이를 구하거나, 배열에 내장된 함수를 이용해 배열을 확장하여 사용할 수 있음.

array.length
배열의 길이 를 나타내는 속성

배열의 Method(메서드)
어떠한 기능을 가지고 있는 명령어

array.push() : 배열의 가장 뒤의 데이터를 추가

let ranking = ["정훈","주은","시윤"]
//push(”추가할 데이터”)
ranking.push("원두")
// 결과
ranking = ["정훈","주은","시윤","원두"]

array.pop() : 배열의 가장 뒤의 데이터를 삭제

let ranking = ["정훈","주은","시윤"]
ranking.pop()
// 결과
ranking = ["정훈","주은"]

array.includes() : 특정 배열에 주어진 데이터가 포함되어있는지 확인, 포함 여부에 따라 boolean값을 반환

let ranking = ["정훈","주은","시윤"]
ranking.includes("정훈")
// 결과
true

array.indexOf() : 특정 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환, 만일 찾을 수 없으면 -1을 반환

let ranking = ["정훈","주은","시윤"]
ranking.indexOf("정훈")
// 결과
0

객체(object)
객체는 키값을 통해 해당 데이터가 무엇에 대한 데이터인지 명시해줄 수 있음

const people = ["이정훈", 180, 85, "코드공장"]

객체 만들기
객체를 만들때는 중괄호: {}를 이용

let userData = {
	name:"윤라윤",
	age:85,
	height:180,
	company:"코드공장"
}

객체 프로퍼티(property)에 접근하기
1. Dot notation(점 표기법)
key값에 접근시, 점을 이용해서 접근

let userData = {
	name:"윤라윤",
	age:85,
	height:180,
	company:"코드공장"
}

//Dot notation(점 표기법) 접근
userData.name = "윤라윤"
userData.age = 85

2. Bracket notation(괄호 표기법)
   key값에 접근시, 괄호[]를 이용해서 접근

//Bracket notation(괄호 표기법) 접근
userData["name"] = "윤라윤"
userData["age"] = 85

객체(object) Method
객체에 내장된 메서드
Object.keys()
주어진 객체의 key만을 가져와 배열에 담아주는 메서드

let userData = {
	name:"윤라윤",
	age:85,
	height:180,
	company:"코드공장"
}

Object.keys(userData)
// 결과 
[ "name", "age", "hight", "company"]

Object.values()
주어진 객체의 value만을 가져와 배열에 담아주는 메서드

Object.values(userData)
// 결과 
[ "이정훈", 85, 180, "코드공장"

-자바스크립트 1일차 끝-