Google Chrome Application using JS part 1

Basic JavaScript

JavaScript는 다른 언어와 달리 추가적인 설치를 필요로 하지 않는다. Chrome에 기본적으로 내장되어 있다. 따라서, 그만큼 어느 운영체제, 컴퓨터에 제한을 받지 않고 실행할 수 있는 편리함이 있다.

Variable

Declaration

const a = 5;
let b = 2;
b = 4

JavaScript에서는 위와 같이 2가지 방식으로 변수를 선언할 수 있다. const으로 선언하는 경우 값을 수정할 수 없지만, let으로 선언하는 경우 수정가능하다. 보통 고정 값을 취하는 변수를 const으로 설정해서 많이 활용한다.

Printing

const a = 4
console.log(124124);
console.log("hello");
alert(a);

위와 같이 변수에 저장되어 있는 값이나 특정 숫자,문자, 등을 출력할 수 있다.

console.log를 이용하면 Chrome의 console 창에

alert을 이용하면 팝업창을 통해 값을 확인할 수 있다.

null vs Undefined

const c = null;
let d;

null은 변수는 존재하나(type이 정해짐) 값을 아무것도 부여하지 않은 것

undefined은 변수는 있으나 형태가 있지 않은 것

DataType

List

const mon = "mon";
const tue = "tue";
const wed = "wed";
const thu = "thu";
const fri = "fri";
const sat = "sat";
const sun = "sun";

const daysOfWeek = [mon, tue, wed, thu, fri, sat, sun];
console.log(daysOfWeek);
console.log(daysOfWeek[2]);

list을 활용하게 되면 여러 변수를 선언,초기화 할 필요없이 하나의 리스트 안에 여러 개의 값을 저장할 수 있다. list에 접근 하는 방식은 python list에 접근하는 방식과 동일하게 index으로 접근한다.

Object

const player = {
  name: "test",
  age: 24,
  address: "seoul",
  phone: "010-1234-1234"
};
player.major = "CS";

서로 관련 있는 변수들을 위와 같이 하나의 object로 묶어서 사용할 수 있다. 이때, property:value 형식으로 저장해주게 되는데, 이는 json format이라고 하기도 한다.

Functions

function sayHello(name) {
  return "Hello" + name;
}

Javascript에서 함수는 위와 같이 생성해서 이용한다.

console.log(sayHello("temp"));
const calculator = {
  plus: function (a, b) {
    return a + b;
  },
  minus: function (a, b) {
    return a - b;
  },
  multiply: function (a, b) {
    return a * b;
  },
  divide: function (a, b) {
    return a / b;
  },
  powerof: function (a, b) {
    return a ** b;
  },
};

Object에 function을 인자로 가지고 있을 수 있다.

Input

let age = parseInt(prompt("How Old Are You?"));

alert("Oh you are " + age + " years old");

JavaScript에서 사용자로부터 입력하도록 하기 위해 prompt을 사용하는데, prompt는 기본적으로 문자열 형태로 인식한다. 따라서 특정 자료형으로 변환해줘야하는데 parseInt와 같은 function을 사용한다.

Condition

console.log(isNaN(age));

if (age > 18) {
  console.log("You are old enough to drink");
} else {
  console.log("You are too young");
}

특정 조건에 부합할 때 실행하는 조건문은 위와 같이 사용한다.

References

link: nomadcoders