현재의 기분, 느낌
배우고 싶었던 분야를 시작하게 된 점이 뿌듯하게 느껴지면서도 가보지 않은 분야이기 때문에 긴장되기도 한다. OT를 제외하고 수업이 이루어진 첫날이었는데 무사히 잘 끝냈다는 것에 안도감이 느껴지고 부족한 부분은 채워서 잘 활용할 수 있도록 만들어야겠다는 생각이 든다.
떠오르는 단어
변수, 데이터 보관함, 타입, 숫자, 문자열, 불리언, 자료형, 배열, 객체, typeof, 함수, 함수선언식, 함수표현식, 화살표함수, 선언, 할당, 호출, 매개변수, 전달인자
학습 내용 설명
변수
변수란?
데이터는 데이터를 편리하게 사용하기 위해 데이터에 이름을 붙이는 작업을 하는데 데이터의 이름을 변수라고 함
변수의 사용 방법
- 변수 선언: 보관함을 확보하는 작업과 같음
ex) let(키워드) name(변수이름); - 변수 할당: 보관함에 데이터를 저장하는 작업과 같음
ex) name = '은수';
- 자바스크립트의'='은 같다는 의미가 아닌 값을 대입한다는 의미로 사용됨
- 변수의 선언과 할당은 동시에 가능
ex) let name = '은수'; - 변수명에는 공백, 첫글자 대문자 불가
타입
- 변수에는 다양한 타입이 있는데 대표적으로 숫자, 문자열, 불리언(참/거짓 판별), 자료형(배열, 객체) 등이 있다
- undefined나 함수도 타입 중 하나
- 타입을 확인하는 방법: typeof 메소드 사용
ex) typeof '123'; 의 결과값은? -> 문자열(string)
함수
함수는 코드의 묶음이자 기능의 단위인 함수는 재사용이 가능하기 때문에 반복적인 작업을 할 때 유용함 함수는 입력과 출력 간의 매핑이 이루어지기 때문에 항상 출력값을 반환함(return문이 없다면 undefined 출력)
사용방법
- 함수의 선언: 함수를 제작
- 함수의 호출: 함수를 사용
- 매개변수와 전달인자의 차이
매개변수: 함수 선언 시 사용하며 입력에 따라 달라질 수 있는값
전달인자: 함수 호출 시 매개변수에 할당되는 값
함수 선언 방식
팬케이크 만드는 함수 가정
- 함수 선언식
ex) function makePancake(매개변수) {본문} - 함수 표현식
ex) let makePancke = function(매개변수) {본문} - 화살표 함수
ex) let makePancke = (매개변수) ==> {본문};
화살표 함수에서 본문의 내용이 한 줄일 경우, return과 중괄호{} 생략 가능
설명하기 어려운 내용
함수선언식과 함수표현식, 화살표함수의 기능적 차이
단어를 스스로 설명하기 위한 질문
구글링 - 함수선언식vs함수표현식vs화살표함수
- 함수선언식과 함수표현식, 화살표함수의 차이: 호출 가능 범위
함수선언식은 어디서나 호출 가능한 반면 함수표현식이나 화살표함수의 경우 함수 선언 전에 함수를 호출(함수 사용)할 수 없고 함수표현식과 화살표함수는 반드시 함수가 선언된 후에 호출할 수 있다. 함수표현식과 화살표함수는 기능적으로는 동일하게 작동하나 표현되는 형식에 있어서 차이점이 있다.
새로 알게 된 부분
- null과 undefined의 차이: null값은 의도적으로 값이 없다는 것을 표현하기 위한 값이라면 undefined는 값이 아직 할당되지 않은 변수가 가지게 되는 값을 의미함
- NaN의 타입은 number
- 함수 호출 방식과 변수 선언 및 값 할당 방식을 혼동하지 말 것!
