[코딩앙마] 자바스크립트 기초

자바스크립트의 기본 개념과 동작 원리를 정확히 이해하는 것이 중요!

---

개인적인 공부를 하면서 중요한 내용을 정리한 형식이기 때문에 오류가 있을 수 있습니다.
피드백 주시면 정말 감사하겠습니다.

---

1. variable

• 변수는 문자, 숫자, $, _만 사용할 수 있다
• 첫 글자는 숫자가 될 수 없다
• 예약어 (reserved words)는 사용할 수 없다 ex) class, if 등
• 가급적이면 상수는 대문자로 적는 게 좋다
• 변수명은 읽기 쉽고 이해할 수 있게 선언해야 한다
  

2. data types

• 문자형
• 숫자형
• boolean
• null, undefined
• 객체형
• symbol형

3. dialogue boxes

• alert() : '확인' button만 있다
• prompt() : 입력창 있다
• confirm() : '취소'와 '확인' button이 있다

4. type conversion

• String() : 괄호 안의 자료형을 문자로 변환
• Number() : 괄호 안의 자료형을 숫자로 변환
• Boolean() : true 혹은 false 값을 반환

5. operators

• 사칙연산 +, -, *, % (나머지)
• 증가 연산자, 감소 연산자

6. 비교 연산자, 조건문

• if, if else, else

7. 논리 연산자

• or (||) : 하나만 ture여도 true 값을 반환하며, 연산에서 true를 발견하는 즉시 연산을 멈춘다
• and (&&) : 하나만 false여도 false 값을 반환하며, 연산에서 flase를 발견하는 즉시 연산을 멈춘다
• not (!)
• &&가 ||에 우선한다

8. loop

• for : for (초기값 ; 조건 (false 되면 멈추고 반복문을 빠져나옴) ; code 실행 후 작업)
• while
• do while : while처럼 조건 먼저 확인하는 게 아닌, 적어도 한 번은 실행하고 조건을 확인하는 게 while과의 차이점
• break : 멈추고 바로 빠져나온다
• continue : break처럼 멈추지만 빠져나오지 않고 다음 반복문을 실행한다

9. switch

• switch는 if-else문으로 바꾸어서 작성할 수 있다 그럼에도 사용하는 이유는 case가 다양할 때 보다 간결하게 작성할 수 있기 때문이다

10. function

function 함수명(매개변수) {
  함수의 실행 코드;
}

// 호출할 땐
함수명();

11. arrow function

let sayHello = (name) => `Hello, ${name}` // 인수가 하나면 괄호를 생략할 수 있다

let showError = () => { // 인수가 없으면 괄호를 생략할 수 없다
  alert("error");
}

12. object

const superman = {
  name : "clark",
  age : 30,
}

// 각 property에 접근해 보면
console.log(superman.name) // clark
console.log(superman["age"]) // 30

13. object - method, this

• method

const user = {
  name : "Mai",
  sayHello : function() {
  	console.log(`Hello, I'm ${user.name}`); // this로 작성하는 것이 좋다
  }
}

user.sayHello(); // "Hello, I'm Mai"

• this

let boy = {
  name : "Ian",
  showName : function () {
    console.log(this.name)
  }
}

14. array

• length : 배열의 길이를 구할 수 있다 요소의 개수를 반환한다
• method
  1) push() : 배열 끝에 요소를 추가
  2) pop() : 배열 끝의 요소를 제거
  3) unshift() : 배열 맨 앞에 요소를 추가
  4) shift() : 배열 맨 앞의 요소를 제거