TIL-no.6 Javascript

what is javascript

javascript- 웹에서 쓸 수 있는 유일한 언어이다 :) (백엔드라면 파이썬이나 루비 등등이 또 있음)
게임도 만들기 가능
deprogrammed.org 참고

es5 es6?

ecmascript 5
설명문 같은것임 javascript는 중앙 관리 되기떄문이란다.

specification version(안내문같은것)

vanila jvs

jvs의 일종으로 Library가 없는것을 말함(raw한 jvs라고 하는데 ?)

jvs 연결

js file should be in the bottom of body(the last line in the body)

How to print(?) out

console.log 사용 -> python print 와 같음

console.log("im working. im js im beautiful, im worth it!")

화면에 나타나는 경고창 같은것.

alert("im working. im js im beautiful, im worth it!") 

varialbe(변수)

변수뒤에 ; 해서 마무리해주기
변수는 의 아래의 세단계를 따른다

• creat
• initialize
• use

변수앞에는 변수 초기화 또는 생성시 특정 구문 작성해야한다.

let a = 221; initialize(by let) create a = 221 
let b = a - 5; 
a = 4; 
console.log(b, a) 

let 으로 declaration and create for initializing
console.log로 use

변수 사용 시 앞에 붙이는 세가지가 있음

• let
• const
• var

let 은 위의 예제와 같이 중간에 바꿔줄 수 있음.
const 는 중간에 바꾸기 불가능.
var은 그냥 let 과 const의 더 큰 범주라 생각하면 되는데 일단 변할 수 있음.
-> 고로 대부분 Const를 쓰고 let은 어쩌다 한번, 아주 필요할때 사용하면 됨.)
ex)error 발생의 경우(const선언인데 중간에 한번 바꿔주려하니 에러뜸)

const a = 221;
let b = a - 5;
a = 4;
console.log(b,a); 

String

"sdsfs" 쌍따옴표 이용하여 선언하면 된다.

const what = "SangHunLee";

boolean

const wat = true;

boolean은 true = 1 , false = 0 ( python과 다르게 소문자임 )

Float

const wat = 55.1; // 소수점 들어간거 실수임 걍

Organizing data with String

Array:how we store data kind of list

javascript 는 camel case로 스페이스 대신 대문자 사용해서 변수명 작성헌단다.

const monday = "Mon";
const tue = "Tue";
const wed = "Wed";
const thu = "Thu";
const fri = "Fri";
const sat = "Sat";
const sun = "Sun";

console.log(monday, tue, wed, thu, fri, sat, sun);

매우 비효율적임 .. 언제 다적나..
그래서 여기서 array 사용함

아래는 간단한 규칙이다.

• []안에는 text, boolean, floats만 넣을 수 있당.
• 0부터 카운트한다.(다른언어도 똑같음)

const something = "Something"

const daysOfWeek = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", true, something];

console.log(daysOfWeek)

3번째 요일 알고싶으면

console.log(daysOfWeek[2]);

하면 된다(0 부터 카운트 하기 때문이다.)

Organizing data with Array

일단 string으로 정리된 것을 먼저 보자.

const hoonInfo = ["sanghunlee", "27", true, "seoul"];

console.log(hoonInfo[0]);

이렇게하면 몇번째에 뭐가 있는지 기억하며 숫자를 넣어서 출력해야하니 비효율 적임. 이런정보는 Array를 사용하면 좋은데 아래와 같은 방식임

const hoonInfo = 
{
    name:"Hoon",
    age : 33,
    gender : "Male",
    isHandsome: true,
    favMovies: ["Along the gods","LOTR", "OldBoy"],
};

console.log(hoonInfo.name);

이렇게하면 hooninfo라는 Array 안의 name으로 lable이 된 친구가 출력됨.-> Hoon이라고 출력될것

list안에 array를 배열할 수도 array안에 List를 배열할 수도 있다.

const hoonInfo = {
    name:"Hoon",
    age : 33,
    gender : "Male",
    isHandsome: true,
    favMovies: ["Along the gods","LOTR", "OldBoy"],
    favFood: [
        {
            name:"Kimchi",
            fatty: false}, 
        {
            name:"Cheeseburger",
            fatty: true}
    ] //object의 array를 만듦
}; //data에 lable을 붙여준것인데 해당 데이터 뽑고 싶을때 .하고 lable명 적어주면 됨.

console.log(hoonInfo.favFood[0].fatty);

favFood 변수명을 가진 list내에 array를 생성하였다.

해당 데이터 뽑고 싶을때 .하고 lable명 적어주면 됨.

console.log(hoonInfo.favFood[0].fatty);

이렇게하면 김치 fatty가 false 인지 True인지 출력해줄 것인데 false가 나옴

const로 설정해도 중도에 변수명을 가져다 변경할 수 있긴함.
hoonInfo.gender = "Feamale" //const 인데 바꿔버릴 수 있음.

Tip

DB에서 가져온 데이터가 list data 면 array를 선택하고 만약 데이터를 합쳐서 만들어야 한다면 object를 사용하는 게 좋다. (이해가안가는 말이긴한다 무슨소리지 )