내일배움캠프 6일차 : 자바스크립트 기본 문법

오늘부터 본격적으로 자바스크립트 공부가 시작되었다. 확실히 지난주의 기초 강의들보다 깊게 공부하는 느낌인데 그래서 더 이해가 잘 가기도하고 어렵기도하다. 더 깊숙히 공부하기 전에 더 잘이해하기 위한 자바스크립트의 기본 문법들을 정리해보려한다.  모든 문법이 다 정리되어있지는 않고, 내가 부족하다고 생각하는 것들 위주로 뽑아왔기 때문에 꼼꼼하게 모든 문법을 확인하기 위해서는 다른 자료를 찾아봐야한다.

 

- 변수

• var : 선언 여러번 가능, 변수 덮어쓰기 가능
• let : 선언 여러번 불가능, 변수 덮어쓰기 가능
• const : 선언 여러번 불가능, 변수 덮어쓰기 불가능 -> 상수 사용할 때 사용

- 데이터 타입

숫자

• 지수형 숫자 -> 2.5e5 이런식으로 표현
• NaN(Not a Number) - 숫자가 아님을 나타냄 -> 수학적으로 정의되지 않은 계산 수행, 숫자가 아닌 값 숫자로 변환할 때 발생. 
  type of => number
• Infinity - 'Infinity'라고 표기되며 마이너스의 경우 '-Infinity'라고 사용
  type of => number

문자열

• 문자열 길이 : str.length
• 문자열 결합 : str1.concat(str2)
• 문자열 자르기
  • str.substr(x, y)  x = 시작 위치, y = 길이
  • str.slice(x, y) x = 시작 위치, y = 직전까지
• 문자열 검색 : str.search
• 문자열 대체 : str.replace
• 문자열 분할 : str.split

- 불리언(Boolean) : true, false를 나타내는 데이터 타입 (type of => Boolean)

- undefined : 할당되지 않은 변수

- null : 직접 개발자가 값이 없음을 나타낸 것

- 객체(Object) : key와 value를 가지고 있는 컨테이너 '{}'로 표현

- 배열 : 데이터를 순서대로 저장하는 타입 '[]'로 표현

 

- 형변환

• 문자열 + 다른 연산자 => 문자열로 변환
• 연산자 사용할 때 => 문자열 숫자로 변환 ('+' 제외, 빈 문자열 or 공백은 '0'으로 변환)
• 불리언은 0, 빈 문자열(""), null, undefined, NaN => false로 변환, 그 외 true

 

- 연산자

• 나누기 연산자 (%) - 나눗셈의 나머지를 구할 수 있음
• 더하기, 빼기 연산자 (+=, -=) - 이전 값에 추가로 쁠마한 값을 내보낸다.
• 일치 연산자 (===) - 두 값이 같은지 비교
• 불일치 연산자 (!==) - 두 값이 다른지 비교
• (>, >=, <, <=) - 문자열과 함께 쓸 경우 자동으로 숫자로 변환
• 논리곱 연산자 (&&) - 두 값을 비교. 둘 다 모두 'true'일 때만 'true' 반환
• 논리합 연산자 (||) - 두 값 비교. 둘 중 하나만 'true'여도 'true' 반환
• 논리부정 연산자(!) - 값을 반대로 바꿈
• 삼항연산자( 조건 ? true일 때 : false일 때)

 

- 함수

- 함수 정의

• function add(x, y) {
  return x + y;
  }
• let add = function(x, y) {
  rreturn x + y;
  }

기본 문법 관련해서는 여기까지가 가볍게 머릿속에 담고 있을정도라고 생각하여 여기까지 정리한다. 문법 관련하여 더 존재하지만 그 내용들은 조금 더 깊은 내용을 이해한 후 정리할 예정이다. 위 내용은 기초적인 내용이니 항상 머릿속에 저장해다니려한다. 자바스크립트와의 첫 만남인데 앞으로 잘 지낼 수 있었으면 좋겠다. 자기 전에 기본 문법 다시 한번 읽어보고 자야겠다.