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 삭제
'3-2기 스터디 > 프론트엔드 입문' 카테고리의 다른 글
| [7주차] JavaScript (3) (0) | 2022.06.30 |
|---|---|
| [6주차] JavaScript (2) (0) | 2022.06.23 |
| [4주차] CSS (2) (0) | 2022.06.21 |
| [3주차] CSS (1) (0) | 2022.05.04 |
| [2주차] HTML (2) (0) | 2022.04.07 |
댓글