javascript 크롬 앱 만들기

number(숫자)
integer(정수)와 float(실수)
다른 자료형이지만 정수와 실수의 연산은 자바스크립트가 자동으로 처리

string(문자열)
""(큰따옴표) 또는 ''(작은따옴표)로 감싸서 표현
예를 들어 "hi" 와 'hi'는 같다
문자도 덧셈이 가능합니다. 'h' + 'i'는 'hi'

변수(Variables)

const a = 5;
console.log(a + 2);
console.log(a * 2);
console.log(a / 2);

위와 같이 a라는 변수이름에 값을 넣어두면 해당하는 값만 바꿔주면 된다
반복되는 특정한 값을 저장해서 유지

const
const a = 5;
console.log(a); // 5
a = 3; // Error 발생
const는 constant(상수)라는 뜻으로 값을 한번 정하면 실행중에는 바꿀 수 없다

let
let a = 5;
console.log(a); // 5
a = 3; // 3
let은 값을 변경 가능 변경할 때 변수이름 앞에 let을 빼고 a = 3; 과 같은 형식으로 작성

Booleans
const amIFat = true;
const amISlim = false;
참(true)과 거짓(false)을 나타낸다

undefined
let myNumber;
console.log(myNumber); // undefined
변수 안에 값이 없는 것을 의미

null
let myNumber = null;
console.log(myNumber); // null
변수 안에 값이 있는데 그 값이 '값이 없는 것' 을 의미

배열(Arrays)
const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat"];
데이터를 리스트로 그룹화 시키고 싶을 때 사용
시작과 끝을 로 표시
각 데이터는 쉼표로 구분

객체(Objects)
const player = {
name: "nico",
points: 10,
fat: true
};
특정한 개체에 대한 특성을 그룹화 시킬 때 유용
배열은 숫자로 데이터를 구분하지만 객체는 property로 구분

functions

function sayHello() { 
  console.log("Hello!!");  
}

sayHello(); // Hello!
sayHello(); // Hello!

function은 반복해서 사용할 수 있는 코드 조각
어떤 코드를 반복해서 실행해야 한다면 캡슐화해서 여러번 실행 가능
function 함수명() { 실행할 코드 } 순으로 작성
함수의 실행은 함수명() 로 하고 ()괄호 안에 function으로 보낼 데이터를 입력하는 경우도 있다

argument(인수) 사용하기

function sayHello(nameOfPerson, age) {
  console.log("Hello my name is " + nameOfPerson + " and I'm " + age);
}

sayHello("nico", 10); // Hello my name is nico and I'm 10

console.log(nameOfPerson); // Error

fuction(함수)를 실행할 때 괄호 안에 들어가는 데이터를 argument(인수)

Object 내에서 function 정의

const player = {
  name: "nico",
  sayHello: function (otherPersonsName) {
    console.log("hello " + otherPersonsName + "nice to meet you")
  }
};

player.sayHello("cgok"); // hello cgok nice to meet you

prompt

const age = parseInt(prompt("How old are you?"));

prompt는 웹 페이지에서 alert 창을 통해 문자열을 입력할 수 있게 팝업을 띄워주는 함수
CSS 적용이 불가하고 prompt 동작 중에는 그 외 javascript가 중단되기 때문에 잘 사용하지 않는다

operator(연산자)

A && B // 둘 다 맞아야 true, 그 외 모두 false
A || B // 둘 중에 하나만 맞아도 true, 둘다 틀리면 false
A === B // 둘이 똑같으면 true, 다르면 false
A !== B // 둘이 다르면 true, 같으면 false

if ~ else if ~ else

const age = parseInt(prompt("How old are you?"));

if(isNaN(age) || age < 0) {
  console.log("Please write a real positive numver");
} else if(age < 18){
  console.log("You are too young");
} else if(age >= 18 && age <= 50){
  console.log("You can drink");
} else if(age >= 50 && age <= 80){
  console.log("You should exercise");   
} else if (age > 80){
  console.log("You can do whatever you want.");
}

좋은 웹페이지 즐겨찾기