자바스크립트 - 수업내용 필기자료 (code/function/variable/type)

// 줌, 디스코드
// Application => 프로그램을 실행했습니다.
// URL 클릭해서 줌을 실행했습니다.
// 디스코드 더블클릭해서 디스코드 실행했습니다.

// 코드를 평가합니다.
// REPL Read Evaluate Print Loop 읽고 평가하고 프린트하고 반복한다.
// 평가가 되지 않는 부분 -> 주석 Comment
console.log('hello world');

// ! 프로그램을 실행: 작성한 코드를 읽고 평가한 결과다.

// function.js

// 함수 선언문
// 변수와 함수 각각에 맞는 키워드를 쓰면 선언 () 변수는 let, 함수는 function
function multiplyBy2(input) {
input = input * 2;
return input;
}

// 함수는 "작은 기능의 단위"입니다.
// A => B 로직, 논리
// 그 기능을 실행시키고 싶다면 '호출'해야 합니다.

// 6번 문제
function returnWordWithJoy(word) {
// word => 매개변수, 파라미터(parameter)
if (typeof word !== 'string') {
// 반환값, 리턴값
return 'wrong type';
} else {
return word + '!';
}
};

// 전달인자 === "I love coding"
let result = returnWordWithJoy("I love coding");
console.log(result)

function 구구단(num) {
console.log(num 1)
console.log(num 2)
console.log(num 3)
console.log(num 4)
console.log(num 5)
console.log(num 6)
console.log(num 7)
console.log(num 8)
console.log(num * 9)
}

구구단(3);

function mulTablePrinterIterable (num) {
for(let i = 2; i <= num; i++) {
for(let j = 1; j <= num; j++) {
console.log(${i} x ${j} = ${i * j});
}
}
}

// 처음 개발하는 사람들의 통곡의 벽

// 변수의 선언
let variable;

// 값 할당
variable = '안녕하세요';

var num1 = 1; // 문제가 많았습니다. 최근에는 사용을 지양하고 있습니다.
let num2 = 2; // EcmaScript 어려운 자바스크립트 헌법 => ES6
const num3 = 3; // 재할당이 불가능한 변수

num1 = 123;
num2 = 456;
// num3 = 123;
// let 변수; // 읽다가 에러나는 프로그램이 종종 있을 수 있어서 영어 권장

// 변수를 선언하는 이유는? => 재사용하기 위해서
// console.log(num1 + num2);
// 아무것도 할당하지 않은 변수는?
let str = '물 자주 마시기';
// console.log(str);
// console.log(str);
// console.log(str);
// console.log(str);
// console.log(str);
// console.log(str);

// console.log(2 1) // 2
// console.log(2 2) // 4
// console.log(2 3) // 6
// console.log(2 4) // 8
// console.log(2 5) // 10
// console.log(2 6) // 12
// console.log(2 7) // 14
// console.log(2 8) // 16
// console.log(2 * 9) // 18

let num = 2;

console.log(num 1)
console.log(num 2)
console.log(num 3)
console.log(num 4)
console.log(num 5)
console.log(num 6)
console.log(num 7)
console.log(num 8)
console.log(num * 9)

num = 1782

console.log(num 1)
console.log(num 2)
console.log(num 3)
console.log(num 4)
console.log(num 5)
console.log(num 6)
console.log(num 7)
console.log(num 8)
console.log(num * 9)

// Don't reinvent the wheel
// 바퀴를 두 번 발명하지 말아라.

// JavaScript에는 ( )개의 데이터 타입이 있다.
// number, string, boolean, undefined, null, symbol, object
// 문법 syntax
// => 논란의 여지가 없고 암기하는게 편하다.

// 이중에서 object는 참조 자료형으로 따로 분류 (Unit9, Unit10에서 자세히 다룰 예정)
// symbol은 아직 알 필요가 없습니다.
// ! number, string, boolean
// 에 대해서 잘 알고
// undefined와 null을 잘 구분할 수 있으면 됩니다.

// 1. number type
// JavaScript에서는 숫자는 모두 number type => 정수, 소수, 실수, n진법 구분 없음
// 실수, 소수 .. number type
let pi = 3.141592;
let hex = 0x41; // 16진수
// console.log(hex);
console.log(typeof hex);
console.log(typeof 12312094810);

// 2. string type (문자열) -> 내일 더 자세히 배웁니다!
// 문자열은 ''(작은따옴표), ""(큰따옴표), (백틱)으로 감싼 값입니다. // 가장 일반적으로 '', ''안에 따옴표를 넣어야 할 때는 "", 템플릿 리터럴 사용시

// "안녕하세요"
// '안녕하세요'
// 안녕하세요

let company = 'codestate';
let string = 'He said, "Good Luck!"';
let backtick = He said, "Good Luck!";
let template = '2938기!';

// 템플릿 리터럴
// console.log(Hello! ${template})

// let cohort = 45;
// console.log(Hello! ${cohort}기)
// console.log('Hello! ' + cohort + '기')

// 템플릿 리터럴에서는 줄바꿈과 공백이 허용됩니다.
// let greeting = // 안녕하세요. // 저는 코드스테이츠 교육엔지니어 // 김코딩입니다. //

// let greeting = '
// 안녕하세요.
// 저는 코드스테이츠 교육엔지니어
// 김코딩입니다.
// '

// 3. Boolean type
// true와 false값만 존재합니다.

// 홍식이는 하이볼을 좋아합니다.
let isHongShikLikeHighball = true;

// 홍식이는 식혜를 좋아합니다.
let isHongShikLike식혜 = false;

console.log(1 === '1'); // boolean 값으로 평가됩니다.
console.log(0 === false);
console.log(!true);
console.log(!isHongShikLikeHighball);

console.log(5 < 6)
console.log(5 > 6)

// 4. undefined
// 개발자가 어? 까먹었다~~
let word;
console.log(word);

// 5. null
// 텅 빈게 맞는데, 변수에 값이 없다는 것을 명시적으로 사용할 때