[JavaScript] 자바스크립트 기초 2. 자료형, 추상화, 변수, 함수, 파라미터 개념

1.  자바스크립트의 자료형

1-1. 일반적인 프로그래밍 언어의 자료형

숫자 Number - 정수 Integer / 소수 Floating Point

문자열 String

불린 Boolean

1-2. 자바스크립트에만 존재하는 특별한 자료형

이후 자세히 배울 내용으로 아직은 설명하지 않을 예정. 해당 링크를 참고하면 된다

https://developer.mozilla.org/ko/docs/Web/JavaScript/Data_structures

JavaScript의 타입과 자료구조 - JavaScript | MDN

2. 자바스크립트에서의 추상화

추상이란 여러 가지 사물이나 개념에서

공통되는 특성이나 속성을 추출하여 파악하는 것

 

즉,

추상화는 구체적인 정보에서 꼭 필요한 핵심만 뽑아내는 것,

복잡한 것들을 목적에 맞게 단순화하는 것

 

- 목적을 명확히

- 불필요한 것은 숨기기

- 핵심만 드러내기

 

3. 자바스크립트의 변수 선언

let americanoPrice; // 아메리카노 가격 변수 선언
americanoPrice = 4500; // 할당 연산자로 값 할당


// 선언과 할당을 동시에
let americanoPrice = 4500;

 

let 키워드를 이용하여 변수를 선언할 수 있으며

선언과 값 할당을 동시에 할 수 있다

 

타 프로그래밍 언어를 학습한 사람이라면

변수 이름으로 너무 추상화한 것이나 무의미한 것은 좋지 않다는 것을 알 것이다

 

덧붙여 변수 표기 방식은 낙타 표기법을 추천한다 

낙타 표기법이란 bad_variable_name 처럼 언더바를 사용하는 것이 아닌

goodVariableName 대소문자를 사용하는 방식이다

 

4. 자바스크립트의 함수

4-1. 함수 선언과 호출

// 함수 선언
function functionName() { 명령; 명령; };

// 가독성을 위해 개행하는 것이 좋음
function functionName() { 
    명령; 
    명령; 
};


// 함수 호출
functionName();

반복되는 작업을 함수로 선언하여

복잡성을 낮추고 추상화 정도를 높일 수 있음

4-2. 함수 활용 예시

// 함수 선언
function printChorus() {
  console.log("무궁화 삼천리 화려 강산");
  console.log("대한 사람 대한으로 길이 보전하세");
}

// 애국가 가사
console.log('1절');
console.log('동해 물과 백두산이 마르고 닳도록');
console.log('하느님이 보우하사 우리나라 만세');
printChorus();

console.log('2절');
console.log('남산 위에 저 소나무 철갑을 두른 듯');
console.log('바람서리 불변함은 우리 기상일세');
printChorus();

console.log('3절');
console.log('가을 하늘 공활한데 높고 구름 없이');
console.log('밝은 달은 우리 가슴 일편단심일세');
printChorus();

console.log('4절');
console.log('이 기상과 이 맘으로 충성을 다하여');
console.log('괴로우나 즐거우나 나라 사랑하세');
printChorus();

// 실습 결과
1절
동해 물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세
무궁화 삼천리 화려 강산
대한 사람 대한으로 길이 보전하세
2절
남산 위에 저 소나무 철갑을 두른 듯
바람서리 불변함은 우리 기상일세
무궁화 삼천리 화려 강산
대한 사람 대한으로 길이 보전하세
3절
가을 하늘 공활한데 높고 구름 없이
밝은 달은 우리 가슴 일편단심일세
무궁화 삼천리 화려 강산
대한 사람 대한으로 길이 보전하세
4절
이 기상과 이 맘으로 충성을 다하여
괴로우나 즐거우나 나라 사랑하세
무궁화 삼천리 화려 강산
대한 사람 대한으로 길이 보전하세

4-3. 파라미터의 정의와 활용 예시

매개변수는 함수 선언 및 호출시

함수명 바로 뒤에 오는 괄호 내부에 작성하는 값

// 함수 선언
function func1(para) {
	console.log('hello ' + para + '!');
}

// 함수 호출
func1('world');  

// 출력 결과
hello world!  // 파라미터로 world 가 전달되어 para 자리에 world가 출력됨



// 여러 개의 파라미터 함수 선언
function func2(n1, n2) {
	console.log(n1 + n2);
}

// 함수 호출
func2(10, 5);

 

테라 바이트와 기가 바이트를 메가 바이트로 변환하는 함수와 그 출력 결과 

function teraToGiga(n) {
  console.log(n+'TB는');
  console.log(n * 1024 + 'GB 입니다.');
};

function teraToMega(n) {
  console.log(n+'TB는');
  console.log(n * 1024 * 1024 + 'MB 입니다.');
};

// TB -> GB
teraToGiga(2);

// TB -> MB 
teraToMega(2);

// 출력 결과
2TB는
2048GB 입니다.
2TB는
2097152MB 입니다.