Typescript Basic

// Syntax 
console.log("출력할 내용")

// Whitespace(공백) : 프로그래밍 언어에서는 무시됨
console.log("공백은        무시")
console.log("타입스크립트");
console.    log( "TypeScript" ) ;
console
    .log(
        "타입스크립트")
;

// 특수문자: escape sequence
console.log(`\" 나는 큰 따옴표`)
console.log(`\' 나는 작은 따옴표`)

// Variable
let num1;

namespace VariableDesc {
  num1 = 1234;
}

console.log(num1);

// any 타입: 모든 값
let j: any;
j = "안녕";

// number: 숫자
let k: number;
//k = "안녕"; // 에러
k = 1234;

// 선언과 동시에 초기화
let bln: boolean = true;
bln = false;

// 문자열
let strHello: string = "안녕하세요.";

// 배열형
let arrHi: string[] = ["안녕", "잘가"];

// 줄 바꿈
console.log("*\n**\n***")
console.log("줄 \n 바꾸기")

// Auto variable
module AutoVar {
  let num = 1234;
  let decimal = 12.34;
  let c = 'A';
  let s = "Hello";
  let b = true;
}

let binary = 0b1111;
let hex = 0xFF;
let octal = 0o77;

console.log(binary);
console.log(hex);
console.log(octal);

// Type asertion(타입 추론)
let what;
what = '문자열'

let len1 = (<string>what).length;
let len2 = (what as string).length;

namespace NumberNote {
  // [1] 숫자 형식의 변수 선언 및 초기화
  let age : number = 21; // 정수
  const PI : number = 3.1415922714; // 실수

  // [2] 문자열을 다시 대입하려고 하면 에러 발생
  // age = 'abc';

  // [3] 사용
  console.log(`나이 : ${age}`)
  console.log(`PI : ${PI}`)
}


// 숫자 구분자 
const rich =9_999_999_999_999;
console.log(rich)  // 9999999999999

// 문자 데이터 형식: string 
namespace StringKeyword {
  const name : string = 'IRONMAN';
  let urAge : number = 100;
  console.log(`Hello? ${name} U r ${urAge} years old.`)
}

// multilaineString 
// 백틱(` `)을 활용하여 여러 줄 문자 저장하기
let multiLine = `
안녕하세요
감사해요
잘 있어요
다시 만나요
`;

console.log(multiLine);

// escape sequence
// 백 슬래시 다음에 나오는 문자 하나는 escape 문자로 봄
// 1. \n: 줄바꿈
console.log(`Hello \n Peter?`);

// 2. \t: tap만큼 들여쓰기 (4칸 정도의 사이즈)
console.log(`Hello \t Peter?`);

// 3. \r : 캐리지 리턴, 줄 맨 앞으로 이동
console.log(`Hello Peter?\r`);

// 4. \' : 작은 따옴표 문자 하나를 표현
console.log(`Hello \'Peter\'?`);

// 5. \" : 큰 따옴표 문자 하나를 표현
console.log(`Hello \"Peter\"?`);

// 6.\\: 백 슬래시 
console.log(`Hello \\Peter\\?`);

// 상수와 변수 (변하지 않는 값 vs 변하는 값)
const leader = "IRONMAN";
// leader = "Thor"  에러
let member = "Hurk";
member = "Hurk, Thor";

console.log(`Avengers's leader is ${leader}, memebers is ${member}`);

// [?] 논리 자료형: true, false
let isTrue:boolean = true;
let isFalse: boolean = false;

if(5 > 3) {console.log(`5 > 3 : ${isTrue}`)};

if(5 < 3) {
  console.log(`5 < 3 : ${isTrue}`)
} else{
  console.log(`5 < 3 : ${isFalse}`)};

// 객체, 개체, 오브젝트, 클래스, 인스턴스
const dateNow = new Date(); // Date 클래스의 생성자

console.log(`the Time is ${dateNow}`);

// Variable example
// 데이터 형식을 갖는 변수
let n: number = 1234;
let boolean: boolean = true;
let s: string = 'IRONMAN';
let any: any;
    any = 1234;
    any = true;
    any = 'Assemble';

// 데이터 형식을 갖는 상수
const PI2 = 3.14;

// 데이터 형식을 갖는 배열
let arr: number[] = [1, 2, 3];
let all: any[] = [1234, true, 'Hurk', "", null, undefined]

// 경고 대화 상장: window.alert()
// <window.alert(" 경고!")>
// alert("경고!")

// 확인 대화 상자: window.confirm()
// <let result = window.confirm("확인 또는 취소")>
// let result = confirm("확인 또는 취소")
// console.log(result) // true(확인), false(취소)

// 입력 대화 상자: window.prompt()
// <let input = window.prompt("여기에 입력하시오.")>
// let input = prompt("여기에 입력하시오" ,"여기") // prompt("안내 문구", "초기 입력값")
// console.log(input)

// let personNam = prompt("What's UR name?", "write at here");
// let oldAge = prompt("Write UR age", )
// alert(`Name: ${personNam}, Age: ${oldAge}`)
// console.log(`Name: ${personNam}, Age: ${oldAge}`)

// 플러스(+) 기호로 숫자 모양의 문자열을 숫자 형식으로 변경 가능
let nums = "1234"
console.log(typeof nums);  // string
console.log(typeof +nums); // number
console.log(nums + nums)   // '12341234'
console.log(+nums + +nums) // 2468
console.log(Number(nums))  // 1234

// 형식 변환
module typeConversion {
  let s: string = "12.34";

  let n1: number = parseInt(s);
  console.log(`n1 => ${n1} : ${typeof n1}`) // n1 => 12 : number

  let n2: number = parseFloat(s);
  console.log(`n2 => ${n2} : ${typeof n2}`) // n2 => 12.34 : number

  let n3: number = +s;
  console.log(`n3 => ${n3} : ${typeof n3}`) // n3 => 12.34 : number
}


// For of
const colors = ['red', 'green', 'blue'];

// Ver. Javascript
for(let index in colors) {
  console.log(colors[index])
}
console.log("")
// Ver. Typescript
for(let color of colors) {
  console.log(color);
}