개발일지📝_07

💡 이번 주에는 꼭 알아야하는 자바 스크립트 문법 중 변수와 데이터타입 그리고 연산자에 관련된 내용을 배웠다.

🌼새로 배운 내용

✔ 변수
: 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름
👉값의 위치를 가리키는 상징적인 이름

🔽변수와 관련된 용어 정리
-변수 이름 : 메모리 공간에 저장된 값을 식별할 수 있는 고유한 이름
-변수 값 : 변수에 저장된 값
-할당 : 변수에 값을 저장하는 것
-참조 : 변수에 저장된 값을 읽어 들이는 것
-선언 : 값을 저장하기 위한 메모리 공간을 확보하고 변수 이름과 확보된 메모리 공간의 주소를 연결하여 값을 저장할 수 있게 준비하는 것👉변수를 생성하는 것

✔ 변수선언 var , let , const 으로 가능
ex) var 로 변수 선언

🔗 var, let, const 비교

구분	var	let	const
중복 선언 허용 여부	O	X	X
함수 레벨 스코프 / 블록레벨 스코프	함수 레벨 스코프	블록 레벨 스코프	블록 레벨 스코프
재할당	O	O	X

▪ var 은 중복선언 허용

▪ let 과 const 는 중복선언 허용 X

▪ var 은 블록 레벨 스코프를 지원하지 X! 대신 함수 레벨 스코프를 지원함

👉if문 안에서 선언된 x값이 if문 안에서만 유효한 것이 아니라 전역적으로 유효함

▪ let은 블록 레벨 스코프 지원함 (const도 블록lev)

👉let으로 선언한 변수는 해당 코드 블록 안에서만 유효함. if문 안에서 참조한 x값과 if문 밖에서 참조한 x값이 다름을 알 수 있음.

▪ var 와 let 은 재할당 가능 O

▪ const 는 재할당 가능 X

👉let 는 변수 선언, const 는 상수 선언에 사용함!
const로 선언하는 값은 상수, 즉 단 한번만 할당할 수 있는 변수로 const에는 값을 재할당 할 수 없음.

✔ 변수 호이스팅
: 변수 참조보다 변수 선언이 나중에 이루어지더라도 변수 선언이 코드 앞단으로 끌어올려진 것처럼 동작하게 되는 것

🔼a를 선언하기 전에 a를 참조하는 코드가 있는 경우임. 이러면 그냥 에러가 나와야 할 것 같은데 콘솔에는 undefined라는 값이 나옴.

📌자바 스크립트의 특징
1. 변수 선언에 의해 확보된 메모리 공간은 비어있을 것같지만 사실 자바스크립트 엔진에 의해 암묵적으로 undefined라는 값이 할당되어 있음.
2. 변수 선언의 실행 시점과 런타임이 동시에 이뤄지지 않음. 자바스크립트 엔진은 소스코드를 한줄씩 실행하는 시점인 '런타임 이전'에 먼저 소스코드를 평가함. 이 단계에서 자바스크립트 엔진은 변수 선언을 포함한 모든 선언문을 소스코드에서 찾아내 먼저 실행함. 이에 따라 변수 호이스팅이 나타나게 됨.

✔ 데이터 타입
▪ 자바 스크립트는 크게 원시타입과 객체타입으로 구분할 수 있음
-> 원시 타입 - 숫자, 문자열, 불리언, undefined, null 등의 타입이 포함됨
-> 객체 타입 - 객체, 함수, 배열 등이 포함됨

▪ 문자열 타입 String : 텍스트 데이터를 나타냄
-> 작은 따옴표' ', 큰 따옴표" ", 백틱으로 감싸서 표기할 수 있음. 백틱으로 감싸는 표기법을 템플릿 리터럴이라고 함.

📌템플릿 리터럴의 특징
1. 멀티라인 문자열 가능

2. 표현식 삽입 가능

▪ 불리언 타입 Boolean : 논리적 참true, 거짓false을 나타냄

▪ undefined 타입 : 자바스크립트 엔진이 암묵적으로 변수를 초기화할 때 사용하는 값
▪ null : 변수에 값이 없다는 것을 의도적으로 명시하기 위해 사용
👉변수에 값이 없다는 걸 명시하고 싶을때는 undefined가 아니라 null을 할당하는 것이 맞음!

✔ 연산자
▪ 이항 산술 연산자 : 피연산자가 두 개인 경우
▪ 단항 산술 연산자 : 피연산자가 하나인 경우
▪ 할당 연산자 : 우항에 있는 피연산자의 평가 결과를 좌항에 있는 변수에 할당

▪ 비교 연산자 : 좌항과 우항의 피연산자를 비교한 다음 그 결과를 불리언 값으로 반환
👉동등 비교 연산자 == vs. 일치 비교 연산자 ===

== : 값에만 초점을 두고 비교, 암묵적으로 타입은 동등한 것으로 취급
=== : 값뿐만 아니라 타입까지 비교하여 연산 결과을 보여줌

▪ 삼항 조건 연산자
: 첫번째 피연산자가 true로 평가되면 두번째 피연산자를 반환함. 두번째 피연산자 앞에는 물음표?가 있음. 반면 첫번째 피연산자가 false로 평가되면 세번째 피연산자를 반환함. 세번째 피연산자 앞에는 콜론:이 있음.

▪ 논리 연산자 : 우항과 좌항의 피연산자를 논리 연산함
👉논리합 || 연산자는 첫번째 피연산자가 true면 그 값을 반환하고, 첫번째 피연산자가 false면 두번째 피연산자를 반환함. 논리곱 && 연산자는 첫번째 피연산자가 true면 두번째 피연산자를 반환하고, 첫번째 피연산자가 false면 그대로 첫번째 피연산자를 반환

참고할 만한 내용

• Truthy value
• Falsy value

느낀점

꼭 알아야 하는 자바스크립트 문법과 최신 자바 스크립트 문법을 알아갈 수 있어서 좋았다. 변수를 선언하고 이름을 붙이고 거기에 값을 할당하는 형식은 다른 프로그래밍 언어와 비슷하다고 생각하였고, console.log로 변수에 저장된 값을 읽어들이는 참조부분은 아직 익숙하지 않아서 반복하여 실습을 해봐야겠다고 느꼈다. Codesandbox를 이번에 처음 써봤는데 콘솔창에 변경된 내용만을 반영하기 위해선 화살표를 클릭해줘야 된다는 점을 제외하고는 매우 유용했다. 앞으로 배우게 될 자바 스크립트 문법도 Codesandbox를 이용하여 연습해봐야겠다:-) Truthy한 값과 Falsy한 값이 있다는 것, 변수 선언에는 var, let, const가 있고 각각의 쓰임이 다르다는 것, 연산자 중에서 삼항 조건 연산자 부분 그리고 등호2개와 등호3개의 차이점 등 처음 들어보는 내용이 대부분이었고 그래서 더 흥미롭게 들을 수 있었던 것 같다. 익숙하지 않은 내용들이 많은만큼 복습도 잘해야겠다!