자바스크립트 기본 문법

변수

분류된 데이터에 대하여 담을 수 있는 이름을 가진 어떤 공간

변수 종류

• int, double, string이 존재 x
• var - 가변형 변수
• let - 가변형 블록 지역 변수
• const - 불변형 블록 지역 변수

변수 선언 시 지키면 좋은 Tip

1. 의미 없는 이름 사용 X
   1. ex) let a; let b;… (x)
2. 추상적인 이름 사용 X
   1. ex) let age; (x) / let mtAge; (o)
3. 변수 이름은 camelCase로 사용

할당

공간에 데이터를 넣는 것

값 (Value)

• 조작 가능한 어떤 표현
• 문자열, 문자, 숫자 등이 가짐
• 피연산자 + 연산자

값 종류

• 원시 값 - 문자, 숫자, 불리언, undefined
• 참조 값 - 객체를 가진(참조할 수 있는) 것

값 출력 방법

1. console.log
2. alert
3. document.write
4. innerHtml

숫자

• 숫자를 표현함
• 원시 값
• 상수(const)와 함수(method) 가진
• float, double, int 데이터 타입 없음

연산자

연산에 사용하는 기호

• 산술 연산자
• 증감 연산자
• 대입 연산자
• 논리 연산자
• 비트 연산자

문 (statement)

• 어떤 것을 수행하는 구문 단위
• 함수 기능을 구현한 코드를 사용

문 유형

• 조건문 (if ~ else, switch ~ case)
  • if ~ else : 조건이 참이면 참인 조건에 걸리는 로직 실행
    • if, if else, if else if else, if else if 표현 가능
  • switch~ case : switch 괄호 안에 값이 case의 값과 같으면 해당 로직 실행
    • case는 여러 개 사용 가능
• 반복문 (for, while, do ~ while)
  • while (조건식)

    • for문과 동일

    • 조건식에 맞으면 로직 반복 실행

    • 조건식에 맞지 않으면 종료

      let i = 0;
      while(i < 3) {
      	// 로직 실행
      	i++;
      }

함수

• 기능을 의미
• 어떤 기능을 만든 코드 집합
• 독립적으로 설계

함수 호출

기능 부르기

필요성

1. 반복적인 코드 작성 피할 수 있음
   1. 개발 시간 단축
2. 코드 간결화로 가독성 높아짐
3. 쉬운 유지보수

// 두 수를 곱하는 함수 만들기
function (num1, num2) {
	return num1 * num2
}

// 1 ~ 10까지 홀수 합을 리턴하는 함수 만들기
function oddSum() {
	const sum = 0;
	for (let i = 1; i < 10; i += 2) {
		sum += i;
	}
	return sum; // 1 + 3 + 5 + 7
}

객체

• 객체는 우리가 인식할 수 있는 사물
  • ex) 책상, 의자
• 키(key)와 값(value)의 집합

객체 표현식

var desk ={};
var desk - {color: 'blue', width: 200};
var desk = {
	color: 'blue',
	width: 200,
	sayInfo: function() {
		console.log('my desk!');
	}
};

객체 참조 방식

• 객체 프로퍼티 참조
  • 객체이름.프로퍼티 이름
  • 객체이름[’프로퍼티 이름’]
• 객체 메소드 참조
  • 객체이름.메소드 이름()