javascript를 배워야 하는 이유
1. 프론트엔드에서 배워야 할 유일한 프로그래밍 언어이다.
2. 자바스크립트로 무엇이든 만들 수 있다.
3. 자바스크립트는 모든 브라우저에서 실행된다.
(따라서 자바 스크립트가 짱이다...!)
Javascript/CSS와 HTML의 관계
HTML은 접착제 역할을 한다.
브라우저는 HTML 파일을 실행하고, 실행되어야 할 CSS와 Javascript 파일이 있다는 걸 확인하면 그 둘을 실행한다.
css와 javascript 파일은 각각 link태그와 script태그를 이용하여 html 파일 내에서 불러온다.
변수
var, const, let 의 차이점
1. var
old. 변수 업데이트 가능.
var은 쓰지 않는게 좋다.
2. const
비교적 new. 변수 업데이트 불가능.
변하지 않아야 할 변수를 선언할 때 사용한다.
3. let
비교적 new. 변수 업데이트 가능.
필요시 변할 수 있는 변수를 선언할 때 사용한다.
: 기본적으로 const 사용, 필요시 let 사용, var는 쓰지 않는다.
객체
const player = {
name: "nico";
points: 10;
fat: true
}배열과 객체의 차이점
배열은 내용물이 무엇인지 알 수 있다. 더 설명할 필요가 없다.
(ex)한 주 안의 요일, 사야할 물건 목록 등)
객체는 각각의 값만으로 내용물이 무엇인지 알 수 없어서 설명이 필요하다.
그리고 알 수 없는 값도 있다.
(ex) 'nico', 10, true)
객체 안에 있는 것들에 접근하는 법
ex) player.name
객체명.속성명
객체에 뭔가를 추가하거나 업데이트하는 방법
-
추가
ex) player.lastName = "potato"; -
업데이트
ex) player.name = "nicolas";
(constant인 객체 전체를 바꾸는 것은 불가능하지만,
내부의 값은 변경이나 추가가 가능하다.)
정리
- 객체는 property를 가진 데이터를 저장하도록 해준다.
- 그 데이터들은 뭘 뜻하는지 알 수 없기 때문에 배열에는 넣을 수 없다.
- 객체 안에 것들에 접근할 수 있다.
- 객체 안에 존재하는 것은 업데이트 할 수있다.
- 객체 안에 존재하지 않는 것은 추가해 줄 수 있다.
const player = {
name: "nico";
points: 10;
fat: true
}
player.name = "nicolas"; // 접근, 업데이트
plyer.lastName = "potato"; // 추가
Zoë Park