1.후기
새롭게 알게 된 게 25개!! 사실 배웠는데 적용이 어려웠거나 까먹었던 것이 더 많다. 주기적으로 복습해줘야겠다. 오늘은 첫 페어 활동을 했다. 한 문제를 두고 소통해가며 해결하니까 혼자 하던 것보다 깊숙이 학습할 수 있어서 좋았다. 빨리 기초 문법을 떼고 자바스크립트를 활용해서 프로젝트 하고싶다ㅎㅎ
2.새롭게 알게 된 것
Section1 Unit2 - [JavaScript] 기초
Chapter1. 변수
Chapter2. 타입
Chapter3. 함수
1) 변수 선언과 할당
변수 선언: 데이터 넣을 공간 확보(let, const)
변수 할당: 데이터를 실제로 넣음(=)
2) 메모리의 크기는 모두 동일
3) 할당되지 않은 변수: undefined
4) undefined, null, 함수의 데이터 타입
undefined, null: 단일 데이터-원시(null은 typeof하면 object로 나오지만, 버그라고 한다)
함수: 복합 데이터-객체
5) 타입 모를 때 typeof 사용
6) return이 실행되면 함수 호출 코드는 return 값으로 바뀜
return을 사용하지 않으면 undefined 반환함
매개변수(parameter, 입력값): 함수 이름 뒤 괄호 안에 있는 base, height
출력값: return 뒤 triangleArea
전달 인자(argument): 함수 호출 시 parameter 안에 할당한 값(2, 4, 8, 10)
7) 함수 선언 시에는 let이 아니라 function
8) 함수 선언 방법
함수 선언식
함수 표현식
화살표 함수
9) 화살표 함수 사용법(함수 선언식, 표현식에서는 해당 안 됨)
-인수가 하나 -> 인수 감싸는 소괄호 생략
-본문이 한 줄 -> return, {} 생략
10) 변수 선언 시 쉼표 사용 가능
11) ==와 ===의 차이
무엇이 같아야 true가 나오나?
==: 값(잘 사용 안 함)
===: 값, 타입
12) number vs parseint vs parsefloat
출처: https://developer0809.tistory.com/42
13) argument의 수 > parameter의 수
차례대로 할당, 오류 안 남
14) argument의 수 < parameter의 수
남은 parameter는 undefined
15) return과 console.log()의 차이
console.log(): ()안의 값 출력
return: 함수를 외부에서 사용할 때 return 뒤의 값을 출력하라
16) 세미콜론(;)
필수: 두 개의 명령문이 한 줄에 있을 때
옵션: 명령문 이후에
불가: {} 후에(함수 표현식, 화살표 함수에서 끝에 붙는 세미콜론은 명령문 이후에 붙이는 세미클론으로서 function이 let 구문 안에서 값의 역할을 하기 때문임), if/for/while/switch의 소괄호() 후, for의 소괄호 안의 마지막 명령문
17)
큰따옴표 출력: '""'
작은따옴표 출력: "''"
템플릿 리터럴: 줄 바꿈, 공백 가능, $(변수 이름) 사용
18) 0, '빈 문자열': false
19) !: 부정
20)
undefined의 값은 undefined가 유일
null의 값은 null이 유일
21) 키워드: var(es6 이전 방식), let(var의 es6 방식), const(재할당 불가), function, return 등
22) 변수 선언 이유
재사용하기 위해
23) undefined 할당 = 메모리 셀 초기화
24)
함수 그 자체: getRectangleArea
함수 호출(실행): getRectangleArea(argument1, argument2);
함수 결과값 출력: console.log(getRectangleArea(argument1, argument2));
25) 함수는 작은 기능의 단위
