# 기술면접

82개의 포스트
post-thumbnail

호이스팅(Hoisting)이란?

https://gmlwjd9405.github.io/2019/04/22/javascript-hoisting.html

3일 전
·
0개의 댓글
post-thumbnail

주소창에 www.naver.com을 치면 일어나는 일

사용자가 웹 브라우저의 주소창에 URL 주소(https://www.naver.com)를 입력한다.DNS서버에서 해당 도메인 네임(www.naver.com)에 해당하는 IP 주소(12자리)를 찾는다.HTTP 프로토콜을 사용해서 웹페이지 URL 정보와 IP 주소를

4일 전
·
0개의 댓글
post-thumbnail

브라우저 렌더링 원리

HTML 파일을 파싱해서 DOM 트리를 생성한다.CSS 파일을 파싱해서 스타일 규칙을 생성한다.DOM 트리와 스타일 규칙을 연결시켜 렌더 트리를 생성한다.렌더 트리가 생성되면 DOM 노드의 배치가 시작된다.배치가 완료되면 렌더 트리를 그린다.그려진 렌더 트리가 화면에

4일 전
·
0개의 댓글

실행컨텍스트

실행 가능한 코드를 형상화하고 구분하는 추상적인 개념쉽게 말하자면 코드들이 실행되기 위한 환경코드가 실행된다면 Execution Context 내부에서 실행되고 있는 것이다.자바스크립트 엔진에서 코드를 실행하기 위해서는 실행에 필요한 정보를 알고있어야한다.변수 : 전역

2021년 2월 10일
·
0개의 댓글

기술면접 준비 : CSS 편

class와 id의 차이점에 관해서 설명해주세요. class는 한 페이지에서 여러번 적용가능 , id 는 한페이지에서 한번만 사용 가능. (id > class) “reset” CSS가 무엇인지, 어떻게 유용한지 설명해주세요. 브라우저가 가지고 있는 기본 css를 재설

2021년 2월 2일
·
0개의 댓글

SSR vs SPA

웹페이지 접속시 페이지를 화면에 그려주는 것Server side Rendering (서버사이드렌더링)요청시마다 새로고침이 일어나며 서버에 새로운 페이지에 대한 요청을 하는 방식이다.서버에서 사용자에게 보여줄 페이지를 모두 구성하여 페이지를 보여주는 방식기술의 발전으로

2021년 1월 28일
·
0개의 댓글

require vs import

두 키워드 모두 외부 라이브러리를 불러오는 코드require는 NodeJS에서 사용되고 있는 CommonJS 키워드import는 ES6에서 새롭게 도입된 키워드웹팩에서 Import와 Require을 사용시 발생하는 차이점아래처럼 file1.js를 불러왔을때, 특정 실제

2021년 1월 28일
·
0개의 댓글

프레임워크

러닝커브 낮음 but 다른 프레임워크에 뒤지지 않는 성능을 자랑함 \- html, 자바스크립트 문법 지식으로 충분 \- 단순한 구성요소 \- 컴포넌트 단위의 관리역사가 짧음에도 불구하고 github에서 확인했을때 엄청난 성장력을 자랑component-based

2021년 1월 28일
·
0개의 댓글
post-thumbnail

기술 면접 준비 : HTML 편

doctype이 무엇을 하는 것인가요? 웹 문서가 어떤 버전의 HTML 언어로 작성 되었는지 결정하는 기능. ex. html5 = , xhtml = HTML5와 HTML4의 차이는? 크게 4가지 요소로 나눌 수 있는데, Contents Model , Syntax ,

2021년 1월 28일
·
0개의 댓글

HTML렌더링 중 자바스크립트를 만난다면?

렌더링 과정 중에 <script> 태그를 만나게 되면 진행중인 HTML파싱을 중지하고 js엔진으로 제어 권한을 넘긴다. JS파싱과 실행이 종료되면 렌더링 엔진으로 다시 돌아가 파싱이 중단된 시점부터 다시 파싱을 시작한다.이러한 원리 때문에 스크립트 소스는 body

2021년 1월 28일
·
0개의 댓글
post-thumbnail

동기방식, 비동기방식

처리해야할 작업들을 어떠한 흐름으로 처리할 것인가에 대한 관점동기는 말그대로 동시에 일어난다는 뜻요청과 그 결과가 동시에 일어난다는 약속요청을 하면 시간이 얼마가 걸리던지 요청한 자리에서 결과가 주어져야 한다.✔ 요청 결과가 한자리에서 동시에 일어남✔ A노드와 B노드

2021년 1월 28일
·
0개의 댓글
post-thumbnail

기술면접 준비 : 자료구조 편

스택(👨‍🚒) : 바구니모양 먼저 넣는게 마지막에 나오는 FILO 형태큐(🕺🕺🕺🕺|🛀🚽) : 스택과 반대로 먼저 넣는게 먼저 나옴트리 : 정점과 간선으로 이우러진 사이클이 없는 그래프 형태. (계층이 있는 데이터 표현에 적합)힙 : 완전 이진 트리의 형식

2021년 1월 24일
·
0개의 댓글
post-thumbnail

타입스크립트란?

타입스크립트는 MS에서 개발하고 관리하는 오픈 소스 프로그래밍 언어로 어떤 브라우저나 호스트, 운영체제에서도 동작한다. 타입스크립트는 자바스크립트의 상위 집합으로서 ECMA의 최신 표준을 충분히 지원한다. 타입이라는 특징을 가지고 ES7이하의 표준을 포함하고 있다. 타

2021년 1월 21일
·
0개의 댓글

Web worker

자바스크립트는 싱글스레드로 동작하지만 웹 워커를 사용하면 브라우저에서 멀티스레드를 활용할 수 있다.싱글스레드 방식에는 한가지 큰 단점이 있다.연산량이 많은 작업을 하는 경우, 그 작업이 완료되어야 다른 작업을 수행할 수 있다는 것이다.예를들어, 웹 게임에서 좌표를 계산

2021년 1월 21일
·
0개의 댓글
post-thumbnail

기술면접준비

좋은 프로그램이란?사용자 입장에서는 운영 및 관리하기 쉽도록 만들어져 업무 효율성이 극대화되도록 구현된 프로그램이며,프로그래머 입장으로는 읽기 쉽고 이해하기 쉬워야 하며,Call by Reference, Call by ValueCall by Reference → 매개변

2021년 1월 20일
·
0개의 댓글

이벤트루프

자바스크립트 엔진은 메모리힙과 콜스택으로 구성되어 있다. \- 가장 유명한 것이 구글의 v8이다.자바스크립트는 단일 스레드(single thread) 프로그래밍 언어. \- 이것은 콜스택이 하나라는 의미 \- 멀티가 되지않고, 하나씩 처리한다는 의미메모리힙 \

2021년 1월 19일
·
0개의 댓글

this

자바스크립트에서 this는 선언이 아닌 호출에 의해 결정된다.묻지도 따지지도 않고 this를 호출하는 경우엔 global object를 가리킨다.브라우저에서 호출하는 경우 object Window가 호출된다.ES5에서 추가된 strict mode(엄격모드)에서도 마찬가

2021년 1월 19일
·
0개의 댓글

객체지향프로그래밍

프로그래밍에서 필요한 데이터를 추상화시켜 상태와 행위를 가진 객체로 만들고, 그 객체들 간의 유기적인 상호작용을 통해 로직을 구성하는 프로그래밍 방법코드 재사용이 용이유지보수가 쉬움대형프로젝트에 적합처리 속도가 상대적으로 느림객체가 많으면 용량이 커질 수 있음설계시 많

2021년 1월 19일
·
0개의 댓글

var, let, const

var는 같은 이름의 변수를 선언해도 에러가 x선언전에 변수를 사용해도 에러가 발생하지 않음let과 const는 이미 존재하는 변수와 같은 이름 사용시 에러발생선언전에 변수 사용시 에러var와 let은 재할당이 가능하지만, const는 변경이 불가능var와 let 초기

2021년 1월 19일
·
0개의 댓글

함수스코프 vs 블록스코프

함수가 실행될때, 함수 내에서 변수에 대한 접근이 어떻게 되든지를 나타내는 용어이다. (함수의 실행 컨텍스트 내에서의 변수 환경이 무엇인지) 스코프는 함수를 기반으로 한 용어이다.변수에 접근할 수 있는 범위this 키워드 값이 무엇인지를 나타내는 용어이다. 현재 실행

2021년 1월 19일
·
0개의 댓글