JavaScript 기초

자료형

숫자 - 정수(integer), 소수(floating point)

문자열(String) - " ", ' '로 묶어준다 '+' 연산기호를 사용할 수 있다

불린(Boolean) - True & False

 

추상화(Abstraction) - 단순하고 간결하게 표현하기

목적을 명확히

불필요한 것들은 숨기기

핵심만 드러내기

 

변수

반복 입력하는 구체적인 숫자는 오타를 유도하고 숫자에 대한 의미전달이 어려운 상황이 있다

코드가 길어질수록 변수를 생성하지 않으면 오류를 일으킬 상황이 많아진다

JavaScript 식별자는 문자(a~z, A~Z), 밑줄(_), 달러기호($)로 시작해야하고 두번째부터는 숫자(0~9)도 가능하다

대소문자는 꼭 구분해야한다

예약어를 사용하면 안된다

의미 없는 이름을 쓰지 않는다 (ex. a, b, c, d... -> 다른사람이 보았을때 알기 쉽지않다, 본인도 포함)

추상적인 단어도 쓰지않다는다 (ex. name, title, number... -> mainName, circleName, classNumber 등으로 쓴다)

 

함수

다양한 명령들을 저장하는 것

function 키워드

//함수 선언
function greetings() {
 console.log('Hi');
 console.log('안녕');
 console.log('Guten Tag');
 console.log('Bonjour');
 console.log('Buongiorno');
 };
 //함수 호출
 greetings();

 

Parameter(매개변수)

함수이름 뒤에오는 괄호 안의 변수를 파라미터(매개변수)라고한다

function 함수이름(매개변수) {}

function welcome(name){
    console.log("안녕하세요 " + name + "님!");
};

welcome('곰태');
//출력은 안녕하세요 곰태님! 으로 출력된다

예시

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

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

// TB -> GB 테스트
teraToGiga(2);
// TB -> MB 테스트
teraToMega(2);

/* 출력내용
2TB는
2048GB 입니다.
2TB는
2097152MB 입니다.
*/

 

파라미터 여러개 사용하기

한개의 함수에 여러개의 파라미터를 선언하는 것은 좋지만 너무 많이 선언하게 되면 나중에 함수가 오류가 날수도 있으니 함수의 목적에 따라 나눠주는 것이 좋다

function bmiCalculator(name, weight, height){
  console.log(name + '님의 체질량지수는 ' + weight/(height*height/10000) +'입니다.');
}

// 테스트 코드
bmiCalculator('홀쭉이', 43.52, 160);
bmiCalculator('코린이', 61.25, 175);
bmiCalculator('통통이', 77.76, 180);

/*
홀쭉이님의 체질량지수는 17입니다.
코린이님의 체질량지수는 20입니다.
통통이님의 체질량지수는 24입니다.
*/

 

함수의 아웃풋 return

return은 함수 내부에서 사용한다

function interestCalculator(amout, term, rate){
  return amout * term * rate / 100;
}

// 조건 입력 테스트
let myMoney = 3650000; // 맡긴 금액 (원)
let saveTerm = 1; // 맡기는 기간 (년)
let interestRate = 4; // 이자율 (%)

// 수령액 계산 테스트
let myInterest = interestCalculator(myMoney, saveTerm, interestRate);
let totalMoney = myMoney + myInterest;

// 출력 테스트
console.log('맡긴 금액은 ' + myMoney + '원 입니다.');
console.log('이자는 ' + myInterest + '원 입니다.');
console.log('최종 받을 금액은 ' + totalMoney + '원 입니다.');

/*
맡긴 금액은 3650000원 입니다.
이자는 146000원 입니다.
최종 받을 금액은 3796000원 입니다.
*/