본문 바로가기

취업

[면접] 내가 받은 프런트엔드 기술면접 질문 & 답 리스트

자기소개 파트

 



자기소개 부탁드립니다.

지원한 직무 (or 당사) 에 지원한 이유가 무엇인가요?

우리 회사의 서비스 / 프로덕트를 써보셨나요? 개선한다면 어떤 걸 개선했으면 좋겠나요?

 

가장 좋아하는 언어가 뭔가요? / 가장 잘하는 언어가 뭔가요? / 왜 그 언어를 좋아하나요?

 

프로젝트 파트

본인이 지금까지 했던 프로젝트 소개 또는 기억에 남는 프로젝트 및 경험 설명해 주세요.

https://hbsowo58.tistory.com/468

 

프로젝트 경험

본인이 지금까지 했던 프로젝트 소개 또는 기억에 남는 프로젝트 및 경험 설명해주세요 프론트 엔드부분 프로젝트 잔고 어때 바닐라 자바스크립트로 구현 + 크롬 익스텐션을 사용해서 웹사이트

hbsowo58.tistory.com

프레임워크와 라이브러리의 차이에 대해 설명해 주세요.

https://hbsowo58.tistory.com/231

 

프레임워크 라이브러리 차이

프레임워크 와 라이브러리 차이에 대한 질문에 저는 angular 프레임워크 react 라이브러리를 학습하였습니다. 프레임워크는 잘준비된 틀과 같습니다. 보통 붕어빵 틀과 같은 비유를 드는데, 밀가루

hbsowo58.tistory.com

HTML 파트

HTML5에 들어와서 doctype이 어떻게 간결화되었는지 설명해 주세요.

https://hbsowo58.tistory.com/223

 

DOCTYPE의 변화

프런트엔드 작업은 크게 HTML로 뼈대를 구성하고 CSS 로 디자인을 꾸미고 JAVASCRIPT로 동작을 붙이는 과정이라고 할 수 있습니다. 그중 HTML의 뼈대를 만드는 과정에서 가장 먼저 등장하는 코드는 HTML

hbsowo58.tistory.com

CSS 파트

float를 해제하는 방법에 대해서 아는 대로 설명해 주세요.

https://hbsowo58.tistory.com/227

 

float , float 해제하는 방법

float란 '뜨다'라는 단어를 뜻하며 사용용도는 이미지를 어떻게 띄어서 텍스트와 함께 배치할 것인지 정하는 속성입니다. inherit: 부모 요소에서 상속 left: 왼쪽에 부유하는 블록 박스를 생성. 페이

hbsowo58.tistory.com

JS 파트

 


클로저란?

https://hbsowo58.tistory.com/403

 

클로저란?

주관적인 생각으로 신입들이 면접 시에 많이 듣는다는 클로저에 대한 질문은 실행 컨텍스트에 대한 학습이 있었다면 어려운 내용은 아니라고 생각합니다. 먼저 클로저에 대한 정의는 함수와 그

hbsowo58.tistory.com

메모 라이제이션이란?

 

url uri 차이는?

 

var와 let 차이는?

https://hbsowo58.tistory.com/411

 

var와 let의 차이

질문을 받았을 때 차이를 말하기 위해 핵심은 var의 단점을 알고 있는가? 라고 생각합니다. var, let 나아가 const는 모두 '변수'를 선언하기 위한 키워드입니다 변수에 대한 필요성 등 변수 가지고도

hbsowo58.tistory.com

 

자바스크립트에서 가비지 컬렉터 동작은?

 

순환 참조가 어떤 문제인가?

 

webpack이 무엇인지 설명 요구

 

babel에 대해 한 번 설명 요구

 

webpack이랑 babel이 겹치는데 같은 건가?

 

eslint에 대해 설명 요구

promise에 대해 설명 요구

https://hbsowo58.tistory.com/399

 

프로미스

프로미스는 자바스크립트에서 비동기 처리를 위한 패턴입니다. 최초 자바스크립트는 비동기 처리를 위해 콜백 패턴을 이용하였습니다. 그 문제점으로 가독성이 나쁘고 비동기 처리 중 에러 처�

hbsowo58.tistory.com

 

비동기 프로그래밍 이란?

 

Asynchronous, Synchronous, Blocking, Non-blocking 연산들에 대해 각각 설명해주세요.

 

https://hbsowo58.tistory.com/588

 

[JS]비동기 프로그래밍

결론 : 동기 프로그래밍은 동시에 발생하는 것이 아니다. 목표 : JS에서 비동기 프로그래밍의 이해 비동기 프로그래밍에 대해서 학습해보도록 하겠습니다. 목차 비+동기란? 1-1 동기 1-2 비동기 1-3

hbsowo58.tistory.com

 

 

cors 이슈 들어 봄?

vanila javascript 어디까지 해봄? es6 es7? es7의 async await 써봄?

ci 들어봄?


ci 구축 경험

자바스크립트 배열이 실제 자료구조 배열이 아닌데 그 이유는?

Rxjs란?

 

프로토타입이란?

https://hbsowo58.tistory.com/395

 

프로토타입

자바스크립트는 명령형, 함수형, 프로토타입 기반의 객체지향 프로그래밍입니다. 대표적인 차이인 클래스 기반의 객체지향 프로그래밍과 다르게 '프로토타입' 기반의 객체지향 프로그래밍이며

hbsowo58.tistory.com

 

 

ES5 6 차이

https://hbsowo58.tistory.com/407

 

자바스크립트 ES5 ES6 차이

ES5 ES6의 차이에 있어 ES란 ECMASCRIPT를 뜻하며 자바스크립트의 표준, 규격을 나타내는 용어입니다. 또한 뒤에 숫자는 버전을 뜻하는데 ES5(2009년) ES6(2015년) 출시하였습니다. 버전별로 확인하다 보면

hbsowo58.tistory.com

함수형 프로그래밍이란?

자바스크립트의 동시성 모델에 대해서 비교나 들어본 적 있는지

숫자 10개가 무작위로 나열돼있다. 지금 딱 기억나는 소팅 알고리즘을 라이브러리를 쓰지 말고 말해보라

-> 추가적으로 시간이 10분밖에 없다면?

hasOwnProperty 메서드와 그냥 대괄호로 접근하는 방법의 차이

TypeScript란?

this 바인딩. 화살표 함수와 일반 함수의 차이

적응형과 반응형은 무엇인가?

bebel을 컨 파일러가 아닌 트랜스 파일러라고 했는데 그 이유는?

package.json 이란?

dependencies와 devdependencies는 무엇이 다른가?

배포해 본 적 있는지?

dist 폴더를 어떻게 했는지?

이벤트 루프에 대해 설명해보시오.

프로젝트했던 것들의 스키마에 대해 아는지?

BEM을 사용하여 문제 해결을 한 경험

SASS 사용이 유 및 sass/ scss 차이

(1. 변수, 2. 레이아웃, 3. 네스팅)

 

Garbage collector 란 무엇인가요?

 

알고리즘 파트

 

 

운영체제 파트

 

Thread와 Process의 차이는 무엇인가요? 어떤 상황에서 threading을 해야 하고 어떤 상황에서 processing을 해야 하나요? Thrashing이 무엇인가요?

 

Mutex와 Spinlock의 차이는 무엇인가요? / Critical section이 무엇인지 설명해주세요.

 

 

네트워크 파트

 

OSI 7 layer에 대해서 설명해 주세요.

 

TCP 와 UDP 각각에 대한 설명과 차이점

 

restful api란?

https://hbsowo58.tistory.com/541

 

RESTful API

RESTful API란, 단어에서 위화감이 들었으면 좋겠습니다. RESTful + API로 이루어져 있으며, RESTful은 다시 REST + ful입니다. ful이 뒤에 붙으면 ~~ 로 가득 찬으로 해석된다 (beauty-> beautiful 아름다움 ->..

hbsowo58.tistory.com

 

코딩 파트

 

1부터 10까지가 저장된 배열의 합을 반복문을 사용하지 않고 구하는 방법을 설명하세요.

 

https://hbsowo58.tistory.com/391

 

배열안의 원소의 합을 반복문을 사용하지 않고 구하세요.

const array = [1,2,3,4,5,6,7,8,9,10] 위와 같은 배열에 1~10까지의 숫자가 존재한다고 가정합니다. 위 array의 합은 몇일까요? const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; function arraySum(array) { let..

hbsowo58.tistory.com

기타 파트

학부 졸업 후에, 학원을 다니셨는데 그 이유에 대해서 설명해 주세요.

 

본인의 직무 상의 장점과 단점이 무엇인가요?

10년 후에 어떤 모습이 되어 있으리라 생각하시나요?

 

개발해본 프로젝트가 있다면 소개해 주시고, 그 과정에서 어떤 문제가 있었는지 얘기해 주세요.

오픈소스 프로젝트에 참여해 본 적이 있으신가요?

반응형