Reading Room 01
close
프로필 배경
프로필 로고

Reading Room 01

  • 분류 전체보기 (146)
    • TIL (61)
    • 코딩테스트 (8)
    • CSS (5)
    • HTML (2)
    • JS (18)
    • 개발 (11)
    • 정처기 (21)
    • 리액트 (19)
  • 홈
  • 태그
  • 방명록
모던 자바스크립트 딥다이브 15장 - let, const 키워드와 블록 레벨 스코프

모던 자바스크립트 딥다이브 15장 - let, const 키워드와 블록 레벨 스코프

1. var 키워드로 선언한 변수의 문제점 1-1) 변수 중복 선언 허용var 키워드로 선언한 변수는 중복 선언이 가능하다.이는 의도치 않게 값이 변경될 수 있는 위험이 있다.var name = '철수';console.log(name); // 철수var name = '영희';console.log(name); // 영희// 아무런 에러가 발생하지 않고 다시 선언돼버린다  1-2) 함수 레벨 스코프var는 '함수' 안에서만 지역변수로 인정되고, if문이나 for문 같은 다른 블록에서는 모두 전역변수가 된다.// for문 예시 - 전역변수가 되어버림var i = 10;for (var i = 0; i   1-3) 변수 호이스팅var로 선언한 변수는 선언문 이전에도 사용할 수 있다.이를 변수 호이스팅이라고 한다...

  • format_list_bulleted JS
  • · 2025. 2. 20.
  • textsms
모던 자바스크립트 딥다이브 14장 - 전역 변수의 문제점

모던 자바스크립트 딥다이브 14장 - 전역 변수의 문제점

1. 변수의 생명 주기 변수도 우리처럼 생명 주기를 가지고 있다. 변수는 선언되면서 태어나고, 값을 할당받아 살아가다가, 그 역할을 다하면 사라진다. 이러한 생명 주기가 필요한 이유는 메모리를 효율적으로 관리하기 위해서다. 생명 주기가 없다면 한번 만들어진 변수가 영원히 메모리를 차지하게 될 것이다. 1-1) 지역 변수의 생명 주기 지역 변수는 함수 안에서만 살아가는 변수다. 함수가 호출될 때 태어나서, 함수가 끝날 때 사라진다. 쉽게 말해 함수가 실행되는 동안만 존재하는 것이다.  예를 들어 다음과 같은 함수가 있다고 생각해보자:function sayHello() {let message = "안녕하세요"; // 지역 변수 생성console.log(message);} // 함수 종료와 함께 message..

  • format_list_bulleted JS
  • · 2025. 2. 19.
  • textsms
모던 자바스크립트 딥다이브 13장 - 스코프

모던 자바스크립트 딥다이브 13장 - 스코프

1. 스코프란?스코프는 유효범위다. 쉽게 말해서, 변수나 함수가 어디까지 사용될 수 있는지를 정하는 범위라고 할 수 있다. 우리는 이미 함수를 통해 스코프를 경험했다. 예를 들어, 함수의 매개변수는 함수 안에서만 사용할 수 있다고 했는데, 이것이 바로 스코프의 개념이다. 매개변수가 유효한 범위가 함수 내부로 한정되기 때문이다. 모든 식별자(변수명, 함수명 등)는 자신이 선언된 위치에 따라 사용할 수 있는 범위가 결정된다. 이것이 스코프의 기본 원리다. 자바스크립트 엔진은 이 스코프를 보고 어떤 변수를 사용해야 할지 찾아내는데, 이를 식별자 결정이라고 한다. 코드가 실행될 때는 항상 주변 환경이 고려되는데, 이를 렉시컬 환경이라고 한다. 쉽게 말해:* 렉시컬 환경은 코드가 어디서 실행되고 주변에 어떤 코드..

  • format_list_bulleted JS
  • · 2025. 2. 18.
  • textsms
모던 자바스크립트 딥다이브 12장 - 함수

모던 자바스크립트 딥다이브 12장 - 함수

1. 함수란?함수는 자바스크립트에서 가장 중요한 핵심 개념이다. 프로그래밍 언어의 함수도 수학의 함수와 같은 개념인데,프로그래밍 언어의 함수는 일련의 과정을 문으로 구현하고,코드 블록을 감싸서 하나의 실행 단위로 정의한 것이다. 프로그래밍 언어의 함수도 입력을 받아 출력을 내보내는데이때 내부로 입력을 전달받는 변수를 매개변수,입력을 인수, 출력을 반환값이라 한다.// 함수 선언function add(a, b) { // a, b는 매개변수 (parameter) return a + b; // 결과값 반환 (return value)}// 함수 호출const result = add(3, 5); // 3, 5는 인수 (argument)console.log(result); // 8 출력  함수는 함수 정의를 통해..

  • format_list_bulleted JS
  • · 2025. 2. 17.
  • textsms
모던 자바스크립트 딥다이브 11장 - 원시 값과 객체의 비교

모던 자바스크립트 딥다이브 11장 - 원시 값과 객체의 비교

자바스크립트의 타입은 원시 타입, 객체 타입으로 구분하는데이 두 타입은 크게 세 가지 측면에서 다르다. 원시 값은 변경 불가능하지만 객체 타입은 변경 가능함원시 값을 변수에 할당하면 변수엔 실제 값이 저장되지만 객체를 변수에 할당하면 참조 값이 저장됨원시 값을 갖는 변수를 다른 변수에 할당하면 원본의 원시 값이 복사되어 전달되고 (값에 의한 전달), 객체를 가리키는 변수를 다른 변수에 할당하면 원본의 참조 값이 복사되어 전달됨 (참조에 의한 전달)1. 원시 값 1-1) 변경 불가능한 값한번 생성된 원시 값은 읽기 전용 값으로, 변경 불가능하다.  변수에 새로운 값을 넣으면1. 새로운 메모리 공간을 만들고2. 거기에 새 값을 저장한다3. 변수가 새로운 공간을 가리키게 되면4. 이전 메모리 공간은 버려진다...

  • format_list_bulleted JS
  • · 2025. 2. 16.
  • textsms
모던 자바스크립트 딥다이브 10장 - 객체 리터럴

모던 자바스크립트 딥다이브 10장 - 객체 리터럴

1. 객체란?자바스크립트는 객체 기반의 프로그래밍 언어이며, 자바스크립트를 구성하는 거의 모든 것이 객체다.원시 값을 제외하고는 모두 객체라 할 수 있다. 원시 값은 변경 불가능한 값이지만 객체는 하나의 단위로 구성한 복합적인 자료구조로, 변경 가능한 값이며 0개 이상의 프로퍼티로 구성된 집합이다. 프로퍼티는 키와 값으로 구성되며, 값이 함수일 경우 메서드라고 부른다.const car = { brand: "Tesla", model: "Model S", speed: 0,-> 프로퍼티 start: function() { this.speed = 50; console.log(`${this.brand} ${this.model}가 출발합니다. 현재 속도: ${this.speed}km/h`); }..

  • format_list_bulleted JS
  • · 2025. 2. 15.
  • textsms
  • navigate_before
  • 1
  • 2
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (146)
    • TIL (61)
    • 코딩테스트 (8)
    • CSS (5)
    • HTML (2)
    • JS (18)
    • 개발 (11)
    • 정처기 (21)
    • 리액트 (19)
최근 글
인기 글
최근 댓글
태그
  • #정처기
  • #정처기필기
  • #자바스크립트
  • #정처기정리
  • #정보처리기사정리
  • #정보처리기사공부
  • #정처기공부
  • #모던자바스크립트딥다이브
  • #정보처리기사
  • #정보처리기사필기
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바