javascript basics

이동규·2026년 8월 11일

Layer7과제

목록 보기

15/22

js

HTML은 접착제이다
⇒ 브라우저는 HTML을 읽고 CSS와 JS를 가져와서 웹페이지를 완성한다

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css"> <!-- css 가져옴 -->
    <title>Momentum</title>
</head>
<body>
    <script src="script.js"></script> <!-- js 가져옴 -->
</body>
</html>

console.log()
콘솔에 출력

변수선언

js에서 변수의 이름은 주로 띄어쓰기를 대문자로 표현한다
예) myName

let : 바꿀 수 있음
const : 상수, 고정된 값

선언 후 바꿀때 let을 다시 쓰지 않는다(다시 쓰면 오류난다)

let a = 1;
console.log(a);
a = 2;
console.log(a);

1
2

booleans

null
true
false
undefined

null과 undefined의 차이

let a; //undifined
let b=null;	//null

null과 undefined는 모두 값이 없음을 나타내지만, undefined는 값이 할당되지 않은 상태를 자바스크립트 엔진이 자동으로 부여하는 것이고, null은 값이 없음을 개발자가 의도적으로 쓴 값이다.

Arrays

const weirdStuff = [1, 2, 3, "everything is very normal here", null, true];

/// 빼서 읽기
console.log(weirdStuff[3]);

선언시 [ (대괄호)와 사이사이에 ,(쉼표)만 넣어주면 아무거나(앞서배운 문자,숫자,boolean같은거) 꼬라박아도 잘 작동한다


/// 넣기
weirdStuff.push("no it's not");
console.log(weirdStuff);

Objects

서로 연관된 데이터와 함수를 하나의 변수에 묶어서 저장하는 컨테이너

property = 오브젝트 안에 변수
method = 오브젝트 안에 함수

const breakfast = {
    drink: "vodka",
    food: "vodka",
    vodka: "vodka", /// 요런놈들 프로퍼티
    a: true,
    b: 10,
    c: function(){
	    console.log("!")/// 얘가 메소드
    }
}
console.log(breakfast);
console.log(breakfast.food);
breakfast.food = breakfast.food + 15;

object를 const로 정의하고
안에 있는 내용들을 수정하는 것은 가능하다(전체를 수정하는 것이 안될뿐)

Functions

// 정의
funcion sayHello() {
    console.log("Hello");
}
//호출
sayHello()

오브젝트 안에서의 함수

//오브젝트에서
something = {
    sayHello: function() { //주목
        console.log("Hello");
    }
    
}

거꾸로 써준다

인자받기

something = {
    sayHello: function(name) {
        console.log("Hello " + name);
    }
    
}

something.sayHello("user");

함수의 인자를 받을땐는 ()안에 함수 안에서 사용할 인자의 이름을 넣어주면 된다

something.sayHello(); //Hello undefined

인자를 안넣으면 출력이 이렇게되니 주의하자

Returns

function something(){
    return 123;
}
const a = something() /// 함수의 값을 얻을 수 있다!!!
console.log(a);

Conditionals

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

if(isNaN(age)){
    console.log("I said write a number you goddamn fucking idiot");
}else if(age < 18){
    console.log("You are too young too drink");
}else if(age >= 18 && age <= 50){
    console.log("Sure why not");
}else if(age > 50 && age <= 80){
    console.log("Not recommended");
}else if(age > 80){
    console.log("whatever");
}

console.log(age);