꿈꾸는 새벽하늘

[노마드코더] JavaScript (1) 본문

💻 Programming

[노마드코더] JavaScript (1)

rovemin 2022. 6. 23. 03:32

1. HTML, CSS, JavaScript 연결

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="style.css">
        <title>Plan Your Day</title>
    </head>
    <body>
        <script src="app.js"></script>        
    </body>
</html>

 

2. 변수명 표기법

JS에서는 변수명을 표기할 때 주로 camelCase 표기법을 사용한다.

camelCase 표기법 : 첫 번재 단어 이후로 이어지는 각 단어들의 첫 글자를 대문자로 쓰는 것

const myName = "user";
const veryLongVariableName = "long";

 

3. 변수 선언 방식

변수를 선언할 때는 기본적으로 const를 사용하고, 재할당이 필요한 경우에만 let을 사용한다.

const : 변수 재할당 불가능

let : 변수 재할당 가능

const a = 5;
const b = 2;
let myName = "user1";

console.log(a + b);     //7
console.log(myName);    //user1

myName = "user2"

console.log(myName);    //user2

 

4. 배열(Array)

const toBuy = ["apple", "banana", null, "kiwi"];

console.log(toBuy);     //['apple', 'banana', null, 'kiwi']
console.log(toBuy[1]);  //banana

toBuy.push("mango");

console.log(toBuy);     //['apple', 'banana', null, 'kiwi', 'mango']

 

5. 객체(Object)

object는 property를 가진 데이터를 저장할 때 유용하다.

const user = {
    name: "Ro",
    age: 22,
    color: "red"
};

 

 

(1) object의 property를 불러오는 2가지 방법

console.log(user.name);
console.log(user["name"]);

 

(2) object의 property 변경, 추가, 삭제

user.color = "blue";    //property 변경

user.country = "Korea"; //property 추가

delete user.country;    //property 삭제

 

저작자표시

'💻 Programming' 카테고리의 다른 글

[노마드코더] JavaScript (3)  (0) 2022.06.28
[노마드코더] JavaScript (2)  (0) 2022.06.23
[생활코딩-WEB2] CSS (2)  (0) 2022.06.21
[생활코딩-WEB2] CSS (1)  (0) 2022.05.04
[생활코딩-WEB1] HTML (2)  (0) 2022.04.07
'💻 Programming' Related Articles more