프라이D
프라이Develog(❁´◡`❁)
프라이D
전체 방문자
오늘
어제
  • ALL (378)
    • TDD, Cleancode with JavaScr.. (5)
    • 프로젝트 (32)
      • work (3)
      • 직접 만드는 기술 블로그 (2)
      • 데일리 옥션 (19)
      • 모락모락 (8)
    • Computer Science (1)
    • Algorithm & 자료구조 (94)
      • 알고리즘 w.JavaScript (53)
      • 자료구조 (5)
      • (인프런) 자바스크립트 알고리즘 문제풀이 (34)
    • JavaScript (45)
      • JavaScript (41)
      • 모던 자바스크립트 Deep Dive (4)
    • WEB (13)
    • 회고 (12)
    • TIL (109)
    • WIL (7)
    • Stacks (20)
      • React.js (6)
      • Next.js (1)
      • Redux (3)
      • Node.js (2)
      • GIT (2)
      • SAP (1)
    • 15일 메이킹 프로젝트 (15)
    • 이전 기록 (14)
    • ETC. (5)
    • ---------------2021 (6)
      • 내일배움단-웹개발 5주 (2)
      • 정보처리기사 (4)

블로그 메뉴

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

공지사항

인기 글

태그

  • 국비지원
  • vanilaJS
  • 자바스크립트알고리즘
  • Til
  • 내일배움단
  • nomadcoder
  • 알고리즘
  • 모던자바스크립트딥다이브
  • 투포인터알고리즘
  • 자바스크립트
  • nomadcoders
  • JavaScript
  • 코딩프로젝트
  • 내일배움카드
  • 자바스크립트비트마스크
  • 스파르타코딩클럽
  • 코드스테이츠
  • MySQL
  • 비트마스크
  • 2023 인프콘 후기

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
프라이D

프라이Develog(❁´◡`❁)

TIL

[Day 13] 원시타입, 참조타입, 스코프

2022. 7. 11. 22:20

오늘 배운 것

  • 자바스크립트 엔진은 콜 스택과 메모리 힙으로 구성되어 있다. 엔진을 포함해 자바스크립트가 작동할 수 있는 환경을 자바스크립트 런타임이라고 한다.
 

[JavaScript] 자바스크립트 엔진과 런타임

자바스크립트 엔진 엔진이란? 쉽게 말해 자바스크립트를 실행시키는 '프로그램' 이다. 가장 유명한 엔진은 구글의 V8 엔진이고, 크롬과 node.js를 구동시킨다. 각 브라우저별로 고유한 엔진을 가지

friedegg556.tistory.com

  • 콜 스택의 역할 중 하나는 실행 컨텍스트를 관리하는 것이다. 실행 컨텍스트란 자바스크립트의 코드 일부가 실행되는 환경이고, 변수 정보와 스코프등이 여기에 포함된다. 
 

[JavaScript] 실행 컨텍스트와 콜 스택

자바스크립트 코드의 실행 컴파일 완료 후 코드의 실행 준비가 끝나면, 자바스크립트 엔진은 전역 실행 컨텍스트를 생성한다. 여기서 실행 컨텍스트란, 코드가 실행되기 위한 정보를 담고있는

friedegg556.tistory.com

  • 콜 스택에는 원시 자료형이 저장된다. 메모리 힙에는 참조 자료형이 저장된다. 콜 스택에 저장될 수 있는 데이터는 하나의 변수당 하나이지만, 힙은 구조화 되지 않은 메모리이기 때문에, 여러개의 데이터가 한번에 저장될 수 있다.
  • 콜 스택에는 이 데이터가 저장된 메모리 힙의 주소가 있고, 이를 참조하여 값을 읽기 때문에 참조 자료형이라고 한다.
 

[JavaScript] 콜 스택과 메모리 힙 :: 데이터의 저장 방식

[JavaScript] 자바스크립트 엔진과 런타임 자바스크립트 엔진 엔진이란? 쉽게 말해 자바스크립트를 실행시키는 '프로그램' 이다. 가장 유명한 엔진은 구글의 V8 엔진이고, 크롬과 node.js를 구동시킨

friedegg556.tistory.com

  • 스코프는 변수의 유효 범위이다. 크게 전역 스코프, 지역 스코프로 구분되는데 전역 스코프에 선언된 변수를 전역변수 그 이외의 변수를 지역 변수라고 한다. 접근 규칙에 따라 안쪽 스코프는 바깥 스코프의 변수에 접근할 수 있지만, 바깥 스코프는 안쪽 스코프의 변수에 접근할 수 없다.
 

[JavaScript] 스코프 :: 변수 접근 유효 범위

스코프 Scope 변수 접근 규칙에 따른 변수의 유효 범위라고 할 수 있다. let a = 'apple'; function fruit () { let a = 'banana'; console.log(a); } console.log(a); fruit(); console.log(a); // apple // bana..

friedegg556.tistory.com


오늘은 하루가 어떻게 흘러갔는지 모르겠다. 두루뭉술하게 알던 개념을 조금 더 자세히 알고싶어서 공부를 했는데, 너무 많은 범위를 한 번에 한 것 같다. 그래도 새롭게 알게 된 점이 많은데, 그 중 하나가 변수에는 콜 스택의 주소가 저장되고, 이 변수가 실행 컨텍스트 내에 저장된다는 것이다. 다만 두 타입의 차이점은 값이 콜 스택에 바로 저장되느냐 아니면 힙에 저장되고 값으로 메모리 주소를 저장하느냐 차이라는 것. 막연하게 그렇겠거니 했던 개념인데 더 자세히 정리할 수 있어서 좋았다. 


오전에는 수영 대신 간단하게 웨이트를 했다. 집 밖에 잘 안나가다 보니 체력이 많이 떨어진 것 같다. 런지를 하는데 정말 그만 두고 싶었지만 1개만 더를 열심히 외치며 간신히 마쳤다. 또 지금부터 알고리즘을 공부해야할 것 같아서 기초 스터디에 들어가게 되었다. 시간과 체력 관리를 잘 해야겠다. 

저작자표시 (새창열림)

'TIL' 카테고리의 다른 글

[Day 15] Koans 과제  (0) 2022.07.13
[Day 14] 클로저, ES6 주요 문법  (0) 2022.07.12
[Day 12] 객체  (0) 2022.07.09
[Day 11] 배열 + 2주차 까지의 소감  (0) 2022.07.07
[Day 10] 리눅스, nvm, npm, Git  (0) 2022.07.06
    'TIL' 카테고리의 다른 글
    • [Day 15] Koans 과제
    • [Day 14] 클로저, ES6 주요 문법
    • [Day 12] 객체
    • [Day 11] 배열 + 2주차 까지의 소감
    프라이D
    프라이D
    틀린내용 정정 및 개선사항은 언제든지 댓글 달아주세요 :D

    티스토리툴바