두번째 날

부트캠프의 본격적인? 수업이었던 두번째 날.. 인제 두번째 날인데 복습양이 어마어마하잖아..? 페어분이랑 코드도 같이 짜고 필라테스에 조깅에 여러가지로 활동적인 날이었다.

오늘 배운 것

• 프로그래밍은 데이터를 처리하는 것이다.

변수(Variable)

• 변수는 데이터를 다루는 방법이며, 변수에는 공백을 두지 못한다. 또한 결과물을 다시 변수 담을 수 있다.
• 선언 // let myname;
• 할당 // myname = 'Steve'
• 함께 쓰면 // let my name = 'Steve'

타입(Type)(또는 자료형)

• 숫자나 문자와 같이 변수에 할당할 수 있는 형태
• 원시 자료형(Primitive type)이란? 고정된 저장 공간을 차지하는 데이터
  객체가 아니면서 method를 가지지 않는 6가지 타입> string, number, bigInt, boolean, undefined, symboll, (null)
  원시 자료형에는 모두 하나의 데이터만을 담고 있으며, 값 자체에 대한 변경은 불가능하나 변수에 다른 데이터를 할당 할 수 있다.

• 참조 자료형(Reference data type)이란? 원시자료형이 아닌 모든 것-> 배열, 객체, 함수

• typeof 활용 : typeof 연산자는 피 연산자의 평가 전 자료형을 나타내는 문자열을 반환한다.
  ex. console.log(typeof ~ ) -> ~에 숫자가 오면 "number", ~에 문자가 오면 "string", ~에 true/false가 오면 "boolean", 알수 없는 것이 오면 "undefined"

• ===와 !==의 차이 : '!'는 부정을 의미한다.

  함수(Function)

• 논리적인 일련의 작업

• 함수는 항상 출력값을 반환한다.

• 변수 선언은 var, let, const로 시작하는 것처럼 함수 선언은 function으로 시작한다.

• 매개변수(parameter) : 선언할 때 ()안에 적는 변수

• 전달인자(argument) : 호출할 때 매개변수에 할당되는 값

• 선언(diclaration) : 버튼제작

• 호출(call, invocation) : 버튼사용

• 함수 표현식이 변수에 저장되면, 변수는 함수처럼 사용이 가능해진다. 변수에 저장된 함수는 함수명이 필요 없으며, 변수 이름을 통해 호출된다.

 var x = function(a,b){return a*b}

함수선언식, 표현식의 차이

예를 들어 사각형의 넒이를 구하는 함수를 만들어보자.

[선언식]
function getRectangleArea(width,height){
let rectangleArea = width*height;
return rectangleArea}
-> getrectangleArea(3,4)//12

[표현식]
let getRectangleArea = function(width, height){
let rectangleArea = width*height
return rectangleArea}

[표현식/화살표함수]
let getRectangleArea = (width, height) => {
let rectangleArea = width*height
return rectangleArea}

[표현식/화살표함수2]
let getRectangleArea = (width, height) => width*height
(화살표함수로 한줄로 표현될 때 리턴, 중괄호 생략 가능) 

조건문

• 어떠한 조건을 판별하는 기준을 만드는 것이며, 조건문에는 반드시 비교연산자(comparison operator)가 필요하다. *비교연산자 : >=, <=, ===, !==등
• 조건문의 형태

if(조건1){
} else if (조건2){
} else {}

• 두가지 조건이 한번에 적용될 경우 -> 논리연산자(Logical operator)사용

학생이면서, 여성일때 
isStudent && isFemale; ----> && : AND 연산자

학생이거나, 여성일때 
isStudent || isFemale; ----> || : OR 연산자 

학생이 아니면서, 여성일때 
!isStudent && isFemale; ----> ! : NOT 연산자

논리연산자 NOT
!false // true
!(3>2) // false 
!undefined // true
!'Hello' // false

논리연산자 OR 
true || true // true
true || false // true
false || false // false

논리연산자 AND
true && true // true
true && false // false
false && false // false

기억해야할 6가지 falsy 값 -> if 구문에서 false로 변환되어, if구문이 실행되지 않는다.

if(false)
if(null)
if(undefined)
if(0)
if(NaN)
If('')

오늘 느낀 것

• 블로그 정리,, 제발 놓치지 않고 꾸준하게 하는 게 중요할 것같다.. 복습의 중요성ㅠ
• 코드는 간결하게 작성하는 연습이 필요할 것 같다.
• 주변 가지가 아니라 숲을 보자.
• 평생 공부의 시작.. ㅎ

앞으로의 계획

• 복습은 그때그때
• velog 작성요령을 더욱 익히자. 효과적으로 활용할 수 있도록!