JS) 자바스크립트(JavaScript) 기초 문법 간단 요약

오랜만에 자바스크립트를 다시 시작하시는 분들을 위해 요약본을 만든다.

 

새롭게 시작하시는 분들은 본 포스팅을 보는 것도 좋지만, 자세한 설명은 없을 예정이니 참고. (코드 및 실습 위주)

 

---

들어가기 전에.. )

 

javascript 파일을 html에 연동하는 방법

 

js 파일을 만들고, html의 body tag 맨 아랫부분에 

<script src="<경로>/<파일명>.js"></script>

위의 방식으로 코드를 추가한다.

 

기본 경로는 index.html이 있는 폴더이다.

 

---

1) Variables

 

 

+ camecase 로 변수명 설정 추천

 

+ 템플릿 리터럴: 백틱(``)을 활용하여 문자열 안에 변수를 넣을 수 있는 방법. ${ } 안에 변수를 넣는다.

---

2) const, let

 

변수 선언 방식.

 

 

const: constant(상수)라는 뜻으로, 값이 바뀔 수 없다.

 

let: 도중에 변수를 업데이트해야 할 때 사용.

 

var: 예전 버전의 변수 선언 방식.

 

 

 

※ 예전에 var는 바뀌지 말아야 할 변수에 대한 보호를 해줄 수 없기 때문에 const 와 let으로 나뉘게 됐다. (사용은 가능)

 

 

 

=> const를 기본으로 사용하되, 업데이트가 필요한 일부 변수에만 let을 사용한다. var는 사용하지 않는다.

 

---

3) Booleans

 

 

true: 참, 켜짐

 

false: 거짓, 꺼짐

 

null: 아무 것도 없는 상태 (비어 있는 건 아님) ... 인위적으로 값이 없음을 확실히 하기 위해 부여한 값.

 

undefined: 아무 것도 없는 상태 ... 메모리에는 있지만 값이 없는 경우. ex) 변수명만 선언하고 값은 부여 x

---

4) Arrays

 

 

---

5) Objects

 

---

6) Functions

 

 

 

---

7) Returns

 

---

8) Conditionals

 

 

 

 

조건문은 if-else if  이외에도 switch, 삼항연산자 등이 있다.

 

조건문에 대한 상세한 내용은 추가 포스팅 예정.

 

---

9) Loop

 

 

 

반복문은 기본 for문 이외에도 for...in, for...of, while, do...while 등 다양하다.

 

반복문에 대한 상세한 내용은 추가 포스팅 예정. 

 

---

참고) 

 

https://nomadcoders.co/javascript-for-beginners/

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Loops_and_iteration

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Loops_and_iteration#for_%EB%AC%B8