세모이
개발 계발
세모이
전체 방문자
오늘
어제
  • 분류 전체보기 (83)
    • 알고리즘 (1)
    • 자바스크립트 (29)
    • 리액트 (10)
    • HTML&CSS (2)
    • TIL (26)
    • 파이썬 (8)
    • Dev (1)
    • 데일리 (3)
      • 2023 (3)
    • 에러일기 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 자바스크립트 전역 변수의 문제점
  • html 신기한 태그
  • 옵셔널 체이닝
  • 자바스크립트 생성자 함수에 의한 객체 생성
  • 자바스크립트 strict mode
  • 자바스크립트 프로토타입
  • 개발자 도구 Network
  • const let 키워드와 블록레벨 스코프
  • 자바스크립트 빌트인 객체
  • 함수
  • 자바스크립트 깊은 복사 얕은 복사
  • 자바스크립트
  • &&연산자
  • 시멘틱 태그
  • 자바스크립트 프로퍼티 어트리뷰트
  • 리액트 key
  • 자바스크립트 함수와 일급 객체
  • 모던 자바스크립트 deep deive
  • 모던 자바스크립트 deep dive
  • 모던 자바스크립트

최근 댓글

최근 글

티스토리

반응형
hELLO · Designed By 정상우.
세모이
TIL

[TIL] 자바스크립트 개념 정리 ver1

TIL

[TIL] 자바스크립트 개념 정리 ver1

2022. 1. 15. 18:32
반응형

자바스크립트 deep dive 간단 요약 ver1

변수


  • 변수 - 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름 -> 값의 위치를 가리키는 상징적인 이름(메모리에 값을 저장할 때는 값 자제를 저장하는 것이 아니라 이진수로 저장)
  • 메모리 - 데이터를 저장할 수 있는 메모리 셀의 집합체
  • 식별자 - 어떤 값을 구별해서 식별할 수 있는 고유한 이름(변수 이름)
  • 변수 선언 - 값을 저장하기 위한 메모리 공간을 확보하고 변수 이름과 확보된 메모리 공간의 주소를 연결해서 값을 저장할 수 있게 준비하는 것
  • 변수의 초기화 - 변수가 선언된 이후 최초로 값을 할당하는 것(변수 선언후 값을 할당하지 않으면 undefined라는 값이 암묵적으로 할당되어 초기화됨)
  • 변수 호이스팅 - 변수 선언문이 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트 고유의 특징
  • 변수 값의 할당 - 변수에 값을 할당할 때는 저장되어 있던 메모리의 값을 변경하는 것이 아니라 새로운 메모리 공간을 확보하고 그곳에 할당 값을 저장
  • 변수의 재할당 - 현재 변수에 저장된 값을 버리고 새로운 값을 저장
  • 가비지 콜렉터 - 애플리케이션이 할당한 메모리 공간을 주기적으로 검사하여 더이상 사용되지 않는 메모리를 해제하는 것



표현식과 문


  • 표현식 - 값으로 평가될 수 있는 문(변수에 할당이 가능하다)
  • 값 - 표현식이 평가되어 생성된 결과
  • 평가 - 식을 해석해서 값을 생성하거나 참조하는 것
  • 참조 - 변수에 저장된 값을 읽어 들이는 것
  • 문 - 프로그램을 구성하는 기본단위이자 최소 실행 단위(문은 컴퓨터에 내리는 명령어 즉 명령문이라고도 하며 선언문, 할당문, 조건문, 반복문 등으로 구분 가능)
  • 리터럴 - 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법
  • 토큰 - 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소(키워드, 식별자 연산자, 리터럴, 특수기호 등)



데이터 타입


  • 숫자 타입 - 자바스크립트는 모든 수를 실수로 처리하며, 정수만 표현하기 위한 데이터 타입 별도 존재 X
  • 문자열 타입 - 문자열은 작은따옴표, 큰따옴표, 백틱으로 텍스트를 감싸 표현한다.
  • 불리언 타입 - 논리적 참, 거짓을 나타내는 true,false가 있다.
  • undefined 타입 - 변수 선언에 의해 확보된 메모리 공간을 처음 할당이 이뤄질 때까지 자바스크립트 엔진이 undefined로 초기화 한다.
  • null 타입 - null은 변수에 값이 없다는 것을 의도적으로 명시 할 때 사용
  • 심벌 타입 - 변경 불가능한 원시 타입의 값, 다른 값과 중복되지 않는 유일무이한 값
  • 객체 타입 - 객체, 함수, 배열 등이 존재



연산자


  • 연산자 - 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만듦
  • 산술 연산자 - 이항 산술 연산자(+,_,*,/,%), 단항 산술 연산자(++,--,+,-), 문자열 연결 연산자(+)
  • 할당 연산자 - 우항에 있는 피연산자의 평가 결과를 좌항에 있는 변수에 할당
  • 비교 연산자 - 좌항과 우항의 피연산자를 비교한 후 결과를 불리언 값으로 반환(==,===,!=,!==)
  • 삼항 조건 연산자 - 조건식의 평가 결과에 따라 반환할 값을 결정(조건식 ? 조건식이 true 일 때 반환 값 : 조건식이 false일 때 반환할 값)
  • 논리 연산자 - 논리합(||), 논리곱(&&), 부정(!)
  • typeof 연산자 - 피연산자의 데이터 타입을 문자열로 반환
  • 지수 연산자 - 좌항의 피연산자를 밑으로, 우항의 피연산자를 지수로 거듭 제곱하여 숫자 값을 반환



제어문


  • 제어문 - 조건에 따라 코드 블록을 실행하거나 반복 할 때 사용
  • 블록문 - 0개 이상의 문을 중괄호로 묶은 것(코드 블록, 블록이라고 함)
  • 조건문 - 주어진 조건식의 평가 결과(불리언 값으로 평가될 수 있는 표현식)에 따라 코드 블록의 실행을 결정(if...else, switch)
  • 반복문 - 조건식의 평가 결과가 참인 경우 코드 블록 실행. 그 후 조건식을 다시 평가하여 거짓일 때까지 반복(for, while, do...while)
  • break 문 - 레이블문, 반복문 등의 코드 블록을 탈출
  • continue 문 - 반복문의 코드 블록 실행을 현 지점에서 중단하고 반복문의 증감식으로 실행 흐름을 이동
반응형

'TIL' 카테고리의 다른 글

[TIL] HTML 신기한 태그  (0) 2022.01.18
[TIL] 인증 & 인가  (0) 2022.01.17
[TIL] 깃허브 프로젝트 초기 세팅  (0) 2022.01.14
[TIL] 리액트 컴포넌트의 key  (0) 2022.01.11
[TIL] HTTP ver.1  (0) 2022.01.07
  • 변수
  • 표현식과 문
  • 데이터 타입
  • 연산자
  • 제어문
'TIL' 카테고리의 다른 글
  • [TIL] HTML 신기한 태그
  • [TIL] 인증 & 인가
  • [TIL] 깃허브 프로젝트 초기 세팅
  • [TIL] 리액트 컴포넌트의 key
세모이
세모이
개발 공부!

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.