자바스크립트 기초 1

Variables

console.log()

콘솔에 log또는 print 함
()안에 숫자나 string을 넣을 수 있음

연산도 가능

console.log(5+2);
console.log(5*2);
console.log(5/2);

프로그래머가 되려면 게을러지는 법을 배워야한다.
코드를 적게 쓰는게 에러도 적고 시간도 덜 걸림.

const : none change

const a = 5;

console.log(a+2);
console.log(a*2);
console.log(a/2);

//a값을 바꾸고 싶으면 const a만 수정하면 다 적용됨.

ex)
파이썬 변수명
verylongvariablename = 0;

자바스크립트 변수명
const veryLongVariableName = 0;

자바스크립트에서는 카멜케이스로 변수명을 작성해야함

//hello nico를 출력하고 싶을 경우

const myName = "nico";

console.log("hello" + "nico");
console.log("hello" + myName );

let, const, var

let : 재선언 금지, 재할당 가능
const : 재선언 금지, 재할당 금지
var : 재선언 가능, 재할당 가능

always const, 항상 const를 사용하고
sometimes let, 가끔 let을 사용하고
never var, 절대로 var는 사용하지 말것

et a = b;
let a = c;
//재선언 금지

let a = b;
a = c;
//재할당은 가능

const a = b;
const a = c;
//재선언 금지

const a = b;
a = c;
//재할당 금지

var a = b;
var a = c;
a = d;
//재선언, 재할당 가능

Booleans (타입)

true, false

1, 0

const amIFat = true;
console.log(amIFat);

//true 출력

null

아무것도 없다
false랑 다름.

const amIFat = null;
console.log(amIFat);

//null로 뜸.

**자연적으로 발생하지 않음. 어떤것이 없다는것을 확실히 하기 위해 쓰임

undefined

값을 주지 않음. 정의되지 않음
공간은 있는데 값이 들어가지 않은 상태

const amIFat = null;
let something;
console.log(something);

//undefined 출력

Array(배열)

데이터를 최선의 방법으로 정리
arrya 안에서는 string, number, boolean, null, undefiend 모두 다 넣을 수 있음.

const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat", "sun"];

console.log(daysOfWeek);

//array를 만들기 위해서는 [,]를 사용하면 됨.

arrya에서 5번째 element 구하기

console.log(daysOfWeek[4]);

//컴퓨터는 숫자를 0부터 셈

array에 element 추가하기

const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat"];

daysOfWeek.push("sun");

console.log(daysOfWeek);

Object

설명이 필요하지 않은 데이터 리스트들은 array
설명이 필요한 정보가 담긴 데이터 리스트들은 object

const player = {
	name: "nico",
	points: 10,
    fat: true,
};

console.log(player);
console.log(player.name);

object는 property를 가진 데이터를 저장해주며, {}를 사용

property를 불러오는 방법

console.log(player.name);
//nico
console.log(player["name"]);
//nico

property 수정하는 방법

이미 선언된 object바꾸는것은 불가능
const안의 무언가를 업뎃하는거는 가능.

player.fat = false;

property 추가하는 방법

player.lastName = "potato";

property 업뎃하는 방법

player.points = player.points+15;

//10+15 = 25출력

Functions

반복해서 사용할 수 있는 코드 조각
코드를 캡슐화, 실행을 여러 번 할 수 있게 해줌

function sayHello() {
//실행되는 코드 조각
console.log("Hello!");
}

sayHello();

argument

function을 실행하는 동안 어떤 정보를 function에게 보낼 수 있는 방법
argument는 여러개 받을 수 있음

//바깥에서 뭔가를 받는 방법
function sayHello(nameOfPerson, age) {
console.log("Hello! my name is" + nameOfPerson + " and I'm " + age);
}

sayHello("nico", 10);
sayHello("dal", 23);
sayHello("lynn", 21);

function plus(a,b) {
 console.log(a + b);
}

plus();
//NaN이 뜸 : 숫자가 아님

plus(8, 60);
//68

object안에서의 function

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