profile
FrontEnd Developer

인터프리터 언어

인터프리터 언어 소스 코드를 컴파일하지 않고 인터프리터로 소스코드를 한 줄씩 번역하면서 실행하는 방식으로 동작하는 언어이다 컴파일러 언어는 C언어 계열 언어 정도이지만, 인터프리터 언어는 인터넷 웹브라우저에서 동작하는 자바스크립트, SQL, Python, Ruby 등 다양한 종류가 있다 장점 빌드 과정 없이 바로 실행이 가능하다 (별도의 실행 파일이...

5일 전
·
0개의 댓글
·

실행 컨텍스트

실행 컨텍스트 정의 자바스크립트 코드가 실행되고 연산되는 범위를 나타내는 추상적인 개념 실행할 코드에 제공할 환경 정보들을 모아놓은 객체. 즉, 코드들이 실행되기 위한 환경이자 하나의 박스이자 컨테이너이다 자바스크립트의 코드 실행 자바스크립트의 코드가 실행되는데에 네가지 정보가 필요하다 변수(전역, 지역, 매개, . . .) 함수 선언 변수의 ...

6일 전
·
0개의 댓글
·

스코프

스코프 스코프는 참조 대상 식별자를 찾아내기 위한 규칙이다. 자바스크립트는 이 규칙대로 식별자를 찾는다 자바스크립트는 함수 레벨 스코프를 따른다 정의 mdn에서는 스코프를 다음과 같이 정의하고 있다 위에서 컨텍스트는 값과 표현식이 표현되거나 참조 될 수 있음을 의미한다 보다 쉽게 이해하자면, 스코프(scope), 직역하면 '범위'이다자바스크립트에...

6일 전
·
0개의 댓글
·

호이스팅

호이스팅 호이스팅에 대하여 mdn에서는 다음과 같이 정의하고 있다 실제 경험에서 쉽게 표현하자면, 선언한 위치에 상관없이 선언 대상을 확인할 수 있다 ( 당연히 정확한 표현이 아니다 ! ) 예시 즉, 선언부 이전에 함수, 변수에 대한 값을 사용할 수 있는 것이다 원리에 대해서는 우선 자바스크립트는 코드를 실행하기 전에 따로 컴파일 과정을 거친다는 ...

6일 전
·
0개의 댓글
·

반복문 성능 비교

자바스크립트에서 반복문을 작성하는 방법은 여러가지가 있다연산 없이 반복문 만을 실행하여 비교하는 것이 아닌 가벼운 연산을 통해 실행속도의 차이로 성능을 측정해보려고 한다실행 결과: 1291.1실행 결과: 1385.8 for 문보다는 느리지만 훨씬 가독성과 접근성이 좋다

6일 전
·
0개의 댓글
·

리페인팅 & 리플로우

웹 성능 최적화 방법 중 대표적인 몇 가지 중에 리플로우와 리페인트에 대해 얘기해보려고 한다 리플로우 (reflow) 모든 요소가 렌더링 된 이후, 다양한 액션을 통해 발생되는 이벤트로 새로운 HTML 요소가 추가되거나, 기존 요소의 스타일이 변경된다 이 때 영향을 받게되는 모든 노드에 대해서 렌더링 트리 생성과 레이아웃 과정을 다시 수행하는 것을 리플...

2022년 7월 29일
·
0개의 댓글
·

Interface vs Type

interface에서 할 수 있는 대부분의 기능들은 type에서 가능하지만, 한 가지 중요한 차이점은 type은 새로운 속성을 추가하기 위해서 다시 같은 이름으로 선언할 수 없지만, interface는 항상 선언적 확장이 가능하다

2022년 7월 14일
·
0개의 댓글
·

React Memoization

Memoization은 컴퓨터가 동일한 계산을 반복할 때 이전 계산한 값을 메모리에 저장함으로서 동일한 계산을 하지 않도록 하여 속도를 높이는 기술이다.

2022년 6월 2일
·
0개의 댓글
·

브라우저 렌더링 과정

브라우저의 주소창에 URL을 입력하고 엔터 키를 누르는 순간 URL의 호스트 이름이 DNS를 통해 IP 주소로 변환되고 해당 IP 서버로 요청을 전송한다 브라우저는 서버로부터 응답된 HTML과 CSS를 파싱하여 DOM과 CSSOM을 생성하고 이들을 결합하여 렌더 트리를

2022년 4월 10일
·
0개의 댓글
·

DOCTYPE

DOCTYPE이란 웹문서가 어떤 HTML로 작성되었는지 브라우저에 선언해주는 규칙이다.HTML문서의 최상위에 선언하게 되는데, HTML5, XHTML, HTML의 세가지 유형이 존재한다.HTML의 버전 업데이트로 필수 태그같은 문법이 달라지면서 과거 버전의 글도 현재의

2022년 4월 6일
·
0개의 댓글
·

자바스크립트 동작 원리

자바스크립트 동작 원리 콜 스택 콜백 큐 메모리 자료 구조 스택 (Stack) 큐 (Queue)

2022년 3월 12일
·
0개의 댓글
·

TypeScript Generics

어떠한 컴포넌트 혹은 함수에서 사용할 타입을 해당 함수나 컴포넌트를 사용할 때 결정하는 프로그래밍 기법을 말한다 (타입을 마치 함수의 파라미터처럼 사용하는 것)컴포넌트나 함수의 재사용성을 증가시키기 위해 사용한다정적 타입 언어에서는 함수 및 컴포넌트를 생성하는 시점에서

2022년 3월 11일
·
0개의 댓글
·

이진 탐색 알고리즘

오름차순으로 정렬된 리스트에서 특정한 값의 위치를 찾는 알고리즘이다처음 중간의 값을 임의의 값으로 선택하여, 그 값과 찾고자 하는 값의 크고 작음을 비교하는 방식을 채택하고 있다. 처음 선택한 중앙값이 만약 찾는 값보다 크면 그 값은 새로운 최댓값이 되며, 작으면 그

2022년 3월 9일
·
0개의 댓글
·

함수형 프로그래밍

FP (Funtional Programming), 함수형 프로그래밍은 대부분을 순수 함수로 나누어 문제를 해결하는 프로그래밍 방법이다.함수의 실행이 외부에 영향을 끼치지 않는 함수같은 인자를 받았을 때 항상 같은 결과 값을 출력하는 함수를 얘기작은 문제를 해결하기 위한

2022년 3월 3일
·
0개의 댓글
·

TypeScript를 사용하는 이유

컴파일을 하면 자바스크립트 코드로 변경되지만 정적 타입을 명시할 수 있다. 자바스크립트의 약점을 보완한 자바스크립트 슈퍼셋이라고 표현한다.자바스크립트는 기본적으로 느슨한 타입 체크(loosly typed) 언어이자 동적 타입(dynamic typed) 언어이다. 즉,

2022년 2월 20일
·
0개의 댓글
·