[웹 개발 1 주차] 개발일지 5 - Javascript 기초 문법 배우기(1)

10. Javascript 기초 문법 배우기 (1)

 

[크롬 개발자도구]를 열어서, console 탭에 작성한다!

 

* 콘솔탭 여는 단축기 

- 윈도우 : F12

- 맥 : alt(option) + command + i

 

그냥 쉽게, "마우스 오른쪽 클릭 → 검사 → console"도 가능.

크롬 개발자도구 콘솔창은 어떤 의미? > 띄워놓은 페이지에서 빠르게 자바스크립트를 테스트해볼 수 있게, 개발자들을 위해 만들어둔 도구입니다. 새로고침하면 모두 사라진다는 사실!

 

- console.log(변수)

 

1. 변수 & 기본연산

 

(1) 변수 대입(a = 2)의 의미 : "오른쪽에 있는 것을 왼쪽에 넣는 것" (2를 a라는 변수에 넣는다.)

(2) let으로 변수를 선언한다.

 

let num = 20

num = 'Bob'

 

변수는 값을 저장하는 박스.

한 번 선언했으면, 다시 선언하지 않고 값을 넣는다.

 

(3) 사칙연산, 그리고 문자열 더하기가 기본적으로 가능

(4) 변수명은 아무렇게나?

 

---

 

 

2. 리스트 & 딕셔너리

 

(1) 리스트 : 순서를 지켜서 가지고 있는 형태

 

(2) 딕셔너리 : 키(key) - 밸류(value) 값의 묶음

 

(3) 리스트와 딕셔너리의 조합

 

(4) 왜 필요할까? = 순서를 표시할 수 있고, 정보를 묶을 수 있다. 

 

3. 기본 함수들

 

(1) 사칙연산 외에도, 기본적으로 제공하는 여러 함수들이 존재한다.

 

tip) 왠지 이건 있을 거 같은데 싶으면 직접 만들지 말고 구글에 먼저 찾아본다! 구글링 필수! 코딩을 잘하는 사람은 구글링을 잘한다!