js 기본기 다지기

자바스크립트 기본서를 읽는 스터디를 짜고 바로 장염에 걸렸어서 3일치를 밀렸다 ㅎㅎ ㅜㅜ 앞부분이라 금방 넘어갈 줄 알았지만 생각보다 오래걸렸다는것!!!

알아두어야 할 기본용어

자바스크립트란?
웹 브라우저에서 작동하는 프로그래밍 언어
기본 용어들

• 프로그램(문장이 모인 것) > 문장(표현식이 하나 이상 모임) > 표현식(값을 만들어 내는 간단한 코드)
• 키워드 : 자바스크립트에서 정한 특별한 의미가 있는 단어(await, const, if, null 등등)
• 식별자 : 변수, 속성, 함수, 메소드 등의 이름을 붙일 때 사용.
  : 규칙(키워드 사용 X, 숫자로 시작 X, 특수문자는 _와 $만, 공백X)과 관례(알파벳, 의미있는 단어 사용)가 있음.
• 주석 : 프로그램 코드를 설명할 때 사용. 프로그램 진행에 영향을 주지 않음.
• 출력 : 코드 확인용. 구글 크롬 콘솔을 사용하거나 경고창 사용.

  기본 자료형

  자료 : 프로그래밍에서 프로그램이 처리할 수 있는 모든 것
  자료형 : 자료의 형태에 따라 나눠 놓은 것
  숫자, 문자열, 불 자료형 : 가장 기본 적이면서도 많이 사용하는 자료형
  함수 : 특정기능을 동작 시키도록 작성된 코드의 집합
  메소드 : 클래스가 가지고 있는 함수
  문자열 : 문자들의 집합
  이스케이프 문자 : 따옴표를 문자 그대로 사용하고 싶다면 따옴표 앞에 특수한 기능을 수행
  \n : 줄바꿈
  \t : 탭
  \ : 역슬래시 그 자체를 의미
  문자열 연결 연산자 : 문자열 사이에 덧셈 기호를 사용하면 문자열을 연결
  문자 선택 연산자 : 문자열 내부의 문자 하나를 선택
  단항 연산자 : !true = false
  이항 연산자 : 10 + 20 = 30
  삼항 연산자 : true ? 10 : 20 = 10
  typeof 연산자 : 숫자, 문자열, 불 같은 자료형을 확인할 경우
  템플릿 문자열을 통해 표현식이 많이 결합하면 코드가 복잡해지는 것을 ``(백틱)으로 방지할 수 있다.
  == 연산자 !=연산자 vs ===연산자 !==연산자
  ==, != 연산자는 자료형이 달라도 값이 같으면 true를 반환
  ===, !== 연산자는 자료형까지 같아야 true를 반환한다.

상수와 변수

상수 : '항상 같은 수' -> 저장 효율 좋음
상수는 한 번만 선언할 수 있으므로 선언할 때 반드시 값을 함께 지정해 줘야 한다.
상수 변수 모두 한 파일에서 한 번만 선언 할 수있다.
변수 : '변할 수 있는 수' -> 저장 효율 나쁨
변수는 복합 대입 연산자와 증감 연산자를 사용할 수 있다.(주의!! 상수는 사용 못함-> error남 ㅠㅠ)
전위 - 해당 문장을 실행하기 전에 값을 더하는 것
후위 - 해당 문장을 실행한 후 값을 더하는 것

자료형 변환

alert, prompt, confirm
https://ko.javascript.info/alert-prompt-confirm
자료형 변환 : 어떤 자료형의 값을 다른 자료형으로 변경하는 것을 말한다.
-> 숫자 자료형으로 변환하기 : Number(자료)
-> 문자열 자료형으로 변환하기 : String(자료)
-> 불 자료형으로 변환하기 : Boolean(자료)
이외의 자료형 변환 방법
숫자 자료형과 다른 자료형 을 빼기나 곱하기나 나누기 해주면 -> 숫자 자료형
숫자 자료형 과 불을 더하기 해주면 -> 숫자 자료형
문자열 자료형과 다른 자료형을 더하기 해주면 -> 문자열 자료형
불이 아닌 다른 자료에 논리 부정연산자를 2번 사용하면 -> 불 자료형 (편집됨)