[JS] 변수, 함수

🔥 하루의 시작 정신 차리자! 잠을 깨자 오전반은 너무 힘들다ㅋㅋ₩

 

 💡 오늘 처음으로 페어프로그래밍을 했다! 페어와 함께 복습겸사 문제풀고, 대화를 하며 진행하며 괜찮은 경험이었다. 앞으로도 계속 페프를 할텐데 열심히 잘 해봐야겠다?! 라는 다짐!

 

변수

1. 데이터 보관함 ( 메모리 )
2. 보관함의 크기는 모두 동일 - 기본 8bytes
3. 각 보관함의 이름 = 변수

• 보관함을 확보하는건 let 키워드와 변수의 이름을 사용

let age ;

• 확보되면 데이터를 저장합니다. 이를 할당이라고 한다.

age = 20;

• 이때 등호 기호는 같다가 아니라 데이터를 저장한다 라는점을 주의해야 한다.
• 선언과 할당 동시에 가능

let name =  'kim' ;

• consol.log(age*2) 가 20가 된다.
• 'hello' + name 을 하면 hello kim 출력 ( 이떄 name에는 따옴표를 쓰지 않는다. 이미 name변수에 'kim'이 할당 됬기 떄문.)

---

typeof 로 자료형의 어떤 형식인가? 출력 가능

원시 자료형

string, number, boolean, undefined

<aside> 👩🏻‍🎓 undefined 도 타입이고 함수도 타입이다!!

</aside>

연산자는 피연산자의 평가 전 자료형을 나타내는 문자열을 반환!

// Numbers
typeof 3 === 'number';
typeof 3.14 === 'number';
typeof NaN === 'number'; //NotANumber 임에도 number 출력^^
typeof Number(1) === 'number';

// Strings
typeof "dd" === 'string';
typeof "asdf" === 'string';

// Booleans
typeof true === 'boolean';
typeof false === 'boolean';
console.log(typeof (1<2)) == boolean

// Undefined
typeof undefined === 'undefined';

함수

function aaa(num){}

• 키워드(function)
• 이름(aaa)
• 파라미터(num)

---

함수는 코드의 묶음 이다!

• 버튼처럼 필요할때 사용할 수 있다. (기능의 단위)
• 함수는 구체적인 입력값과 출력값을 가질 수 있다.
• 함수는 호출후에는 반드시 돌아온다(return)

함수의 기초

반복되는 일이 필요한 경우 함수를 사용하면 편하다!(도형의 넓이 구하기)

함수는 입력과 출력이 있다.

return문이 사용되지 않았다면 undefined가 뜬다!

함수를 선언한다는 것은?

3가지가 있다.

1. 함수선언문으로 선언하는 경우

function a(c,d){
let f = c*d
return f
} 

c와 d는 입력값이다.

return f;

f는 출력값이다

1. 함수 표현식으로 표현하는 경우

const a = function(c,d){
let f = c*d;
return f;
}
// 먼저 변수를 선언하고 익명함수를 할당한다!!

1. 화살표 함수로 표현하는 경우

const plus = (x,y) => {
let result = x+y;
return result;
}
// 함수표현식을 기반으로 하기 때문에 변수선언후
// 화살표로 익명함수 할당!!

화살표함수 >>

const a = (c,d) => c*d // 정상작동
cosnt a = (c,d) => {c*d} // 오류!! undefined 리턴

함수 본문에 return문만 있으면 return생략 가능! (주의! 중괄호도 생략해야 정상작동)

---

함수를 호출한다는 것은?

함수를 호출한다.

plus(1,2); // 1+2 == 3

• 매개변수(parameter)→ 함수를 실행할 때 입력에 따라서 바뀔 수 있는 변수. 키워드 안쓰고 사용가능
• 전달인자(argument)→ 함수를 호출할 때 parameter에 할당되는 값을 말함.

Chapter1. 변수

• 변수 사용은 데이터를 편리하게 저장하고 꺼내 쓰는 것임을 이해한다.
• JavaScript에서 변수의 선언과 값의 할당에 대해서 설명할 수 있다.
• =가 "같다"라는 의미가 아니라 할당 연산자임을 이해할 수 있다.
• 크롬 개발자 도구의 console 탭을 이용하여 원하는 값을 출력할 수 있다.
• 변수를 사용하여 보다 효과적으로 구구단을 출력할 수 있다.

Chapter2. 타입

• 원시 자료형 string, number, boolean, undefined의 의미를 이해할 수 있다.
• 타입마다 다른 속성과 메서드가 있다는 것을 이해할 수 있다.
• typeof 를 활용하여 특정 값의 타입을 확인할 수 있다.
• 비교 시 엄밀한 비교( === 과 !== )의 필요성을 이해할 수 있다.

Chapter3. 함수

• 함수가 "작은 기능의 단위"라는 것을 이해할 수 있다.
• 함수 선언을 위해 필요한 keyword, name, parameter, body에 대해 이해할 수 있다.
• 함수의 호출과 리턴에 대해서 이해하고, 실제 코드로 작성하여 활용할 수 있다.
• 함수 그 자체(func)와, 함수의 호출(func())를 구분하여 사용할 수 있다.
• 매개변수(parameter)와 전달인자(argument)를 구분하여 사용할 수 있다.
• 같은 기능을 하는 함수를 선언식, 표현식, 화살표 함수로 바꾸어 표현할 수 있다.