post-thumbnail

Javascript와 실행 컨텍스트(Execution Context)

자바스크립트에는 실행 컨텍스트라는 개념이 존재한다. 자바스크립트의 여러가지 동작방식을 이해하기 위해서 필요한 핵심 개념이므로 이 기회에 정리하도록 한다.ECMAScript는 실행 컨텍스트를 다음과 같이 정의하고 있다.실행 컨텍스트는 실행가능한 코드를 형상화하고 구분하는

약 23시간 전
·
0개의 댓글
post-thumbnail

브라우저의 렌더링 과정

우리가 브라우저를 통해서 특정 주소에대한 파일을 요청했을 때, 받아온 HTML 파일을 브라우저는 어떻게 렌더링 할까?사용자가 브라우저를 통해 웹 사이트 렌더링에 필요한 리소스(HTML, CSS 등)를 다운로드 한다. 다운된 리소스를 통해서 브라우저는 다음과 같은 과정을

어제
·
0개의 댓글
post-thumbnail

주소창에 www.google.com 을 치게 되면 어떤일이 일어날까?

프론트엔드 개발자라면 면접과정에서 반드시라고 해도 좋을만큼 자주나오는 질문이다. 주소창에 구글, 네이버등의 주소를 치게 되면 정확히 어떤 과정이 일어나게 될까? 화면에 구글 화면이 나오기까지 어떤 과정을 거치게 될까?사용자는 www.google.com을 웹브라우저 검색

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

프레임워크와 라이브러리

흔히들 라이브러리, 프레임워크라는 말들을 쓰곤한다. 두가지가 다른것도 알고있고, 어떤 식으로 다른지 적당히는 알고있지만 정확히 설명하라고 하면 애매모호한 말만을 반복하게 되곤한다. 과연 두 개념은 정확히 어떤것을 말하고 어떤 차이점이 있을까?라이브러리라 함은 공통으로

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

컴파일과 런타임, 그리고 인터프리터

흔히들 말하는 말이지만 은근 헷갈리고 정확하게 알지못하는것 같아 이 기회에 한 번 정리해 보려고 한다. 컴파일은 C나 JAVA등의 개발 언어로 작성된 소스코드를 컴퓨터가 인식할 수 있는 기계어 코드로 변환하는 것을 의미한다. 이러한 일련의 과정을 컴파일타임이라고 부

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

함수형 프로그래밍

함수형 프로그래밍은 모든것을 순수함수로 묶는 프로그래밍 패러다임이다. 순수함수를 통해 side-effect를 줄이고, 불변성을 유지하는 것을 목표로 한다.1급객체, 또는 1급시민이라고 한다. 여기서 1급이라는 용어는 대상이 값이라는 것을 의미한다. 1급객체는 특정 값이

2022년 5월 28일
·
0개의 댓글
post-thumbnail

Node.js와 이벤트루프

Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다.공식 홈페이지에서는 위와 같이 Node.js를 소개하고 있다. 어떤것을 의미하는 말일까?런타임이란 특정 언어로 만든 프로그램을 실행할 수 있는 환경을 의미한다. 즉 위

2022년 5월 28일
·
0개의 댓글

Javascript 와 에러핸들링

에러가 발생할 가능성이 있다면 누군가는 그것에 맞닥뜨릴 것이다. 설계자는 모든 가능성을 미리 상정하며 에러를 막고, 발생 시 영향을 최소화하도록 설계해야만 한다. -도널드 A. 노먼 어떤 개발자들은 마치 어떤 에러도 발생하지 않을 것처럼 코드를 작성하는 경향이 있다.

2022년 5월 22일
·
0개의 댓글

규제 혹은 팀을 위한 코드

이 글은 뷰티풀 자바스크립트 4장을 요약한 것입니다. 뷰티풀 자바스크립트의 저자 안톤 코발요프는 팀에서 코드를 작성한다는 것에 대한 의미를 묻는다. 과연 같은 코드에 대해서 작업하는 5명, 10명, 100명을 어떻게 온전히 관리하는가? 신규 멤버가 빠르게 팀에 맞출

2022년 5월 21일
·
1개의 댓글
post-thumbnail

자바스크립트 그리고 eval

자바스크립트에는 eval(str)이라는 함수가 있다. 이 함수는 문자열의 형태로 전달된 자바스크립트 코드를 실행시키는 일을 해준다. 예를 들어하지만 eval에는 중대한 문제가 있다... eval은 그 자체로 많은 위험성을 내포하고 있다. 우선 성능측면에서 문제점이

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

자바스크립트와 믹스인

자바스크립트에 클래스(class)가 추가된지도 시간이 흘렀다. 이제 Js의 클래스는 일종의 문법적설탕(Syntatic sugar)이며, Js의 클래스는 사실 일종의 함수라는 것도 널리 알려졌다고 생각한다. 즉, 자바스크립트는 근본적으로 prototype기반의 언어라는

2022년 5월 14일
·
0개의 댓글
post-thumbnail

어떤 이미지 파일 포맷을 사용해야 할까? (JPG, PNG, SVG 등...)

이미지 파일 포맷, 생각없이 쓰고 있는데... &nbsp현대 이미지 파일들은 여러가지 파일 포맷을 가지고 있다. 주로 쓰이는 파일 포맷은 JPG, PNG, JPEG, SVG 등이 있다. 하지만 이런 포맷들은 어떤 차이를 가지고 있고, 어떤 포맷을 언제 사용해야 하는지에

2022년 4월 28일
·
1개의 댓글