Written by Jieun

👩🏻‍💻 내 마음대로 Today I Learned

JavaScript, TypeScript

01. 상황에 따라 달라지는 this자바스크립트에서 this는 함수가 호출되는 방식에 따라 가리키는 대상이 달라진다. 1) 전역 공간에서의 this브라우저 환경에서는 this가 전역 객체인 window를 가리키며, Node.js 환경에서는 전역 객체인 global을 가리킨다. 전역 실행 컨텍스트는 자바스크립트 코드가 실행되기 시작할 때 생성죄는데 그 안에서 this는 전역 객체를 참조하도록 설정 되어있음 2) 메서드로서 호출할 때 그 메서드 내부에서의 this함수: 독립적으로 동작하는 코드의 묶음, 함수로 호출하면 전역객체가 thisconst func = (x) => { console.log(this, x);};func(1); // this는 전역 객체 (브라우저에서는 window) 메서드: 객체의..

2024. 10. 16.

카테고리 없음

01. 실행 컨텍스트란?자바스크립트 코드가 실행될 때 필요한 환경 정보를 모아놓은 객체좀 더 쉽게 말하자면, 자바스크립트 엔진이 코드를 실행할 때 무엇을 참조해야 하고, 어떤 변수를 사용해야 하며 this가 가리키는 대상들을 관리하는 '환경' 1) 스택과 큐스택: 출입구가 하나뿐인 깊은 우물 같은 데이터 구조로 마지막에 들어간 것이 가장 먼저 나오며 데이터가 한쪽 끝에서만 추가, 제거될 수 있는 선형 자료 구조큐: 양쪽이 모두 열려있는 파이프 구조로 먼저 들어간 것이 먼저 나오며 한쪽 끝에서 데이터가 추가되고 다른 한쪽 끝에서 데이터가 제거되는 선형 자료 구조   2) 실행 컨텍스트와 콜 스택콜 스택(Call Stack)이란 자바스크립트 엔진이 코드 실행 순서를 관리하는 데이터 구조로, 실행 중인 함수의..

2024. 10. 15.

JavaScript, TypeScript

01. 데이터 타입의 종류타입 종류설명기본형(Primitive)- 값 그 자체를 저장하는 타입- 변경 불가능 하여 변수에 값을 저장하고, 변수간의 값 비교나 복사값이 그대로 복사(Number, String, Boolean, Undefined, Null, Symbol, BigInt)참조형(Reference)- 값이 아닌 저장된 위치(주소)를 저장- 변경 불가능하여 한 변수에서 객체의 값을 변경하면,그 객체를 참조하는 다른 변수에도 변경사항이 보이게 됨(Object, Array, Function, Date, RegExp) 02. 데이터 타입에 관한 배경지식1) 비트: 컴퓨터가 데이터를 처리하는 가장 기본적인 단위로, 컴퓨터는 모든 데이터를 0과 1비트 단위로 저장하지만, 비트만 사용하면 많은 데이터를 처리하..

2024. 10. 14.

카테고리 없음

Ubuntu 22.04 실행 환경에서 Docker 설치해보기관리자 권한으로 명령을 실행하기 위해 앞에 sudo를 붙이기 1. Ubuntu 업데이트우분투 패키지를 최신 상태로 업데이트sudo apt-get update 2. 필수 패키지 설치 도커를 설치하기 위해 필요한 패키지 설치sudo apt-get install apt-transport-https ca-certificates curl gnupg-agent software-properties-common 3. Docker 공식 GPG 키 추가도커 패키지를 설치하기 위해 Docker 공식 GPG키를 시스템에 추가curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add - 4.  ..

2024. 7. 3.

etc

1. 도커(Docker)란?컨테이너 기반의 오픈소스 가상화(실제 X) 플랫폼으로, 소프트웨어를 개발, 배포, 실행하기 위한 도구 여기서 컨테이너는 소프트웨어를 실행할 때 필요한 모든 것을 포함하는 격리된 환경을 제공한다.이 컨테이너는 라이브러리, 종속성, 설정 등을 포함하여 실행에 필요한 모든 것을 패키징하며패키징된 도커 컨테이너는 다른 환경에서도 쉽게 실행할 수 있어서, 개발환경과 실제 운영 환경을 일관성있게 유지하면서애플리케이션을 실행할 수 있다.또한, 호스트 운영체제(Window, MacOS, Linux)와 독립적으로 작동하기 때문에 호스트 환경에 영향을 주지 않고 실행할 수 있다. 쉽게 말해 소프트웨어를 한 덩어리로 모아서 실행할 수 있는 환경을 제공해주고, 모아진 소프트웨어는 실행을 위해 필요한..

2024. 4. 27.

JavaScript, TypeScript

ES6문법부터 그 이후의 최신 문법까지 정리하기 1. let / const 이전에 var를 사용해서 변수를 선언할 수 있었는데 let과 const는 블록 내에서만 유효한 변수를 생성할 수 있다. let은 재할당이 가능한 변수, const는 한 번 할당된 값이 재할당되지 않는 상수를 선언할 때 사용 let x = 10; x = 20; // 재할당 가능 const PI = 3.14; PI = 3.14159; // 에러 발생 [JS] var, let, const 차이점 2. 화살표함수 (Arrow function) function 키워드 대신 화살표 (=>)를 사용해서 함수를 정의할 수 있다. // 기존 함수 선언 방식 function add(a, b) { return a + b; } // 매개변수가 있는 화..

2024. 4. 8.