2일차~!(Javascript 기초)

오늘은 본격적으로 수업을 진행하는 날이 기도하고 처음으로 페어 프로그램을 진행하는 날이라 걱정 반, 설렘 반으로 하루를 시작했다. 이번 수업은 가장 기초가 되는 내용을 배웠다. 공부를 진행하고 연습문제를 풀기 위해 페어분과 만났다. 걱정했던 것보다 수월하게 대화를 진행하며 문제를 풀 수 있어서 정말 다행이었다.

 

오늘의 수업은 크게 두 가지 변수와 함수에 대해 배웠다

 

변수는 데이터를 보관하는 이름을 말하며, 이 이름을 지정하는 것을 선언이라 한다.

let number; // 변수의 선언

.선언한 변수에 값을 넣는 것을 할당이라고 한다.

let number = 3; // 변수에 값을 할당

위와 같이 변수의 선언과 값의 할당을 동시에 할 수 있다.

 

변수를 사용하는 이유는 변수에 값을 할당하여 다른 곳에서 재사용하기 위함이다.

 

변수의 종류에는 7가지가 존재하지만 이번 시간에는 number, string, boolean, undefined, null을 배웠다.

let number = 3; // 변수의 값이 숫자일 경우, 타입은 number
let string = '3'; // 변수의 값이 문자일 경우, 타입은 string
let boolean = (1 < 2) // 변수의 값이 참 또는 거짓일 경우, 타입은 boolean
undefined; // 변수의 값을 할당하지 않았을 경우, 타입은 undefined
null; // 변수의 값을 의도적으로 비우고 싶을 경우, 타입은 null

 

함수는 가장 작은 기능의 단위를 나타내는 말이며, keyword, name, parameter, body로 구성된다. 함수를 선언하는 방식으로는 선언문, 표현식, 화살표 함수가 있다.

//선언문
function getTriangleArea(width, height) {
	let triangleArea = (width * height) / 2;
    return triangleArea;
}
// function이 keyword, getTriangleArea가 name, () 안에 있는 width, height가 parameter, {} 안이 boby

//표현식
let getTriangleArea = function(width, height) {
	let triangleArea = (width * height) / 2;
    return triangleArea;
}

//화살표 함수
let getTriangleArea = (width, height) => triangleArea = (width * height) / 2;

함수를 선언하고 나서 사용하려면 함수를 호출해야한다.

function getTriangleArea(width, height) {
	let triangleArea = (width * height) / 2;
    return triangleArea;
} // 함수의 선언

getTriangleArea(3, 4); // 함수의 호출 : 6이 출력된다.

함수 선언문의 parameter자리에 들어갈 값인 3과, 4는 argument라고 한다.

 

이와 같이 괄호 안에 argument를 넣어 함수를 호출하게 되면 argument의 값이 parameter 자리에 들어가며 함수 안에 있는 코드들을 실행하고 return 값으로 빠져나오게 된다.

 

여담

라이브 세션까지 수업을 다 진행하고 나서 문제가 발생했다. zep에서 프레임 드랍이 일어나서 그래픽카드 드라이버 문제인가 해서 드라이버 업데이트를 했다. 그런데 재부팅을 하니 인터넷이 되질 않았다. 인터넷이 되질 않으니 패키지도 다운할 수가 없어서 찾아보니 직접 패키지를 다운받아 usb로 옮겨 설치할 수 있다는 걸 알게되었고 30개가 넘는 패키지를 다운받아 usb로 옮겨 설치해보니 또 오류가 나기 시작해 우분투를 다시 깔았다. 다시 깔으니 정상적으로 작동했다. 이제 원래 쓰던데로 세팅해야겠다.