01. JavaScript 기초

1-1) js 자료형

-숫자(정수, 소수)
-문자열(string)
'," 따옴표 안에 작성하여 사용(앞뒤통일)
'+'연산자와 함께 사용하여 연결 가능(숫자, 문자)
-불린(true, false)
주로 어떤 조건에 대한 결과값으로 사용

1-2) 추상화

-변수

변수 : 어떤 값을 담아두는 것
변수 선언(let,const,var) 후, 값 할당
'=' 할당 연산자
오른쪽 값을 왼쪽의 변수에 저장한다는 의미
변수에 할당된 값을 한번에 수정하기 편함
코드가 안정적

//변수 선언
let espresso = 10;
let milk = 170;
let chocolateSyrup = 50;
let whippedCream = 60;

//변수 사용
// 메뉴별 칼로리 테스트
console.log(espresso); // 에스프레소 칼로리
console.log(espresso + milk); // 라떼 칼로리
console.log(espresso + chocolateSyrup + milk); // 모카 칼로리
console.log(espresso + chocolateSyrup + milk + whippedCream); // 모카(휘핑 추가) 칼로리

변수 작성 시, 지켜야하는 룰
(1) JavaScript 식별자는 '문자(a-z, A-Z)', '밑줄(_)' 혹은 '달러 기호($)'로 시작해야 한다. 두 번째 글자부터는 '숫자(0-9)'도 가능

(2) '대문자'와 '소문자'는 구별하여 작성.
myname과 myName은 다르다.

(3) '예약어(JavaScript가 찜해놓은 단어)'는 사용하면 안됨.
예시) if, for, let

(4) 의미 없는 이름, 너무 추상적인 이름 피하기
a,b,c,d 또는 name과 같은 의미 없고 광범위한 변수이름 지양

(5) 모든 변수 이름은 camelCase로 작성
띄어쓰기 대신하여 단어 구분

-함수

함수 선언

function 함수이름() {
명령; 
명령;
};

function greetings() {
    console.log('Hi');
    console.log('안녕');
    console.log('こんにちは');
    console.log('你好');
    console.log('Guten Tag');
    console.log('Bonjour');
    console.log('Buongiorno');
};
//함수 호출
greetings();

function printChorus(){
  console.log('무궁화 삼천리 화려 강산')
  console.log('대한 사람 대한으로 길이 보전하세')
}
// 애국가 가사
console.log('1절');
console.log('동해 물과 백두산이 마르고 닳도록');
console.log('하느님이 보우하사 우리나라 만세');
printChorus();
.
. 이하 생략

함수를 정의한 후, 호출하면 담긴 값을 편리하게 사용 가능

-객체

-파라미터(매개변수)

function 함수이름 (파라미터) {
console.log(파라미터); //변수처럼 사용
};
//함수 호출
함수이름(값)//값이 파라미터로 전달되는 개념

function welcome(name) {
  console.log('안녕하세요 ' + name + '님!');
};
welcome('홍길동');

function teraToGiga(volume){
  console.log(volume + 'TB는');
  console.log(volume * 1024 + 'GB 입니다.');
}
function teraToMega(volume){
  console.log(volume + 'TB는');
  console.log(volume * 1024 * 1024 + 'MB 입니다.')
}
// TB -> GB 테스트
teraToGiga(2);
// TB -> MB 테스트
teraToMega(2);

너무 많은 파라미터를 사용하면 코드가 복잡해지므로,
정의된 함수의 목적에 따라 꼭 필요한 파라미터만 사용할 것

1-3) return 문

input : 파라미터
output : return문

function getTwice(number){
  return number * 2;
};

let x = getTwice(4);
let y = getTwice(8);

console.log(x * y);

Q1. 브라우저의 콘솔에 30을 출력하는 코드
console.log(30);

Q2. Codeit이라는 문자열을 brand라는 변수에 할당한 코드
let brand = 'Codeit';

Q3.

let x = 10;
let y = 20;

function myFunction(a, b) {
  return a + b;
}

let myAnswer = myFunction('x', 'y');

console.log(myAnswer);

변수 x랑 y는 상관없이 그냥 문자열 'x'와 문자열 'y'를 함수 myFunction에 전달한 결괏값을 출력하는 코드니까 문자열로 xy가 출력. js에서는 선언만 하고 사용하지 않는다고 해서 에러가 생기진 않지만 코드의 성능이나 가독성을 위해 불필요한 변수나 함수 선언은 지양