지현 빈경 범창 태호 순서로 문제 두 개씩 갖고가기
REACT질문
React 한정 질문
1.
Virtual DOM은 무엇인가요? (현)
2.
Virtual DOM은 트리가 변경되었는지 어떻게 비교를 하나요? (현)
3.
JSX는 무엇인가요? (빈)
4.
클래스 컴포넌트와 함수형 컴포넌트의 차이는 무엇인가요? 그리고 함수형 컴포넌트의 장점은 무엇인가요? (빈)
5.
key는 무엇이고, 어떻게 사용되나요? (범)
6.
왜 state를 직접 변경하지 않고 setState를 이용하나요(useState)? (범)
7.
useEffect에 대해 설명해주세요. (호)
8.
useCallback에 대해 설명해주세요. (호)
9.
useMemo에 대해 설명해주세요. (호)
10.
메모이제이션에 대해 설명해주세요. (호)
11.
state와 props의 차이는 무엇인가요? (호)
12.
React hooks는 무엇인가요? (호)
13.
React hooks의 장점은 무엇인가요? (호)
14.
React에서 생명주기(lifecycle) 메소드는 무엇인가요? (빈)
15.
prop drilling은 무엇이고 어떻게 피할 수 있나요? (빈)
16.
Context-API에 대해서 설명하세요.(범)
17.
React 애플리케이션을 스타일링(styling)하는 보편적인 방식은 무엇인가요?(범)
18.
Angular, React의 차이는 무엇이 있나요? (현)
19.
제어 컴포넌트와 비제어 컴포넌트의 차이는 무엇인가요? (현)
20.
useRef에 대해 설명해주세요. (현)
21.
리액트의 에러 바운더리에 대해 아시나요? (현)
22.
Redux와 Mobx는 무엇이고, Redux를 사용한다면 어떤 이유인가요? (빈)
23.
Redux-saga와 옵저버블에 대해 설명해주세요. (빈)
24.
prop으로 전달되는 값의 type을 어떻게 강제하나요? 또 prop이 필수적으로 전달되게끔 어떻게 강제하나요?(범)
25.
React context는 무엇인가요?(16과 동일질문인지는 아직 모르겠음..) (범)
26.
Redux 미들웨어 중 Thunk Saga의 차이는 무엇이 있나요? (호)
27.
React의 상태관리가 무엇인지 설명해주세요. (호)
기타 질문
HTML
HTML
<프론트엔드 전반 질문(java, 웹 프로토콜, 동기 비동기 등등..)>
1.
Http와 Https 통신 방식의 차이? (현)
2.
OOP에 특징에 대해 설명해달라(상속, 캡슐화 등등...) (현)
3.
함수형 프로그래밍(Function Programming) (빈경)
a.
함수형 프로그래밍에 대해 설명해달라
b.
함수형 프로그래밍에 개념에서 순수함수란 무엇인가
c.
OOP와 함수형 프로그래밍의 가장 큰 차이점은 무엇인가
4.
웹 프로토콜 (태호)
a.
웹 프로토콜이란?
b.
Http 통신이란?
c.
Http 1.1과 2.0의 차이는?
5.
비동기 프로그래밍(Asynchronous)
a.
AJAX란 무엇인가
b.
Promise와 Callback의 차이점은 무엇이며 각각의 장단점에 대해 설명해달라
i.
Promise란 무엇이며 코드가 어떻게 구성되어 있는가
c.
Async, Await가 무엇이며, 사용해본 경험이 있는가
d.
Async, Await와 Promise의 차이는?
6.
자바스크립트의 타입
a.
자바스크립트의 Number Type은 다른 언어들과 차이점이 무엇인가, 왜 하나만 존재하는가
b.
자바스크립트의 원시 타입은 몇 가지인가? 종류는?
i.
실행 컨텍스트에 대해 설명해달라
ii.
자바스크립트의 호이스팅(Hoisting)은 어떻게 이루어져 있는가
iii.
클로저(Closure)란 무엇이며, 왜 이러한 패턴을 사용하는가
iv.
가비지컬렉터의 역할은? 어떻게 동작하는가?
v.
자바스크립트의 순환참조란? 어떤게 문제이고 해결 방법은?
c.
자바스크립트의 배열이 실제 자료구조 배열이 아닌데 그 이유는?
d.
이벤트 루프에 대해서 설명, 동시성 모델에 대해서 설명
e.
프로토타입이란?
7.
This
a.
자바스크립트에서 This는 몇 가지로 추론 될 수 있는가? 아는대로 말하여라.
b.
일반함수의 this와 화살표 함수의 this는 어떻게 다른가?
c.
Call, Apply, Bind 함수에 대해 설명하여라
d.
use strict모드에서의 this?
8.
ES6
a.
크롬 정도의 브라우저를 제외하곤 ES6 스펙에 대한 지원이 완벽하지 않다. 해결방법은 무엇인가
b.
Babel이란?
i.
babel은 컴파일러인가? 트랜스파일러인가?
c.
ES6에서 추가된 스펙에 대해 아는대로 다 말해달라
d.
var와 let, const의 차이점은 무엇인가(function scope와 block scope의 개념에서)
e.
Class는 무엇이고 Prototype, function의 ES5 스펙만으로 Class를 구현할 수 있는가
9.
기타 질문
a.
타입스크립트를 사용해 본 경험이 있는가, 타입스크립트에 대한 본인의 생각과 도입시의 장점을 말해달라
b.
Angular와 React의 차이점은 무엇이라고 생각하는가?
c.
라이브러리와 프레임워크에 대해서 설명
d.
두 명의 프론트엔드 개발자가 있다. git을 관리하는 방식?
e.
메소드 체이닝이란 무엇이며, 이것의 장단점은 무엇인가?
f.
메모라이제이션이란?
g.
RESTful API가 무엇인가, 아는대로 다 말해달라.
h.
CORS(Cross-Origin Resource Sharing)는 무엇인가 왜 이러한 방법이 정의 되었으며, 본인이 코드를 작성하면서 CORS와 관련하여서 경험하였던 이슈는 무엇인가
i.
Eslint가 무엇인가요?
j.
Prettier가 무엇인가요?
k.
Webpack이란?
l.
패키지매니저로 어떤거 사용? npm
i.
npm과 yarn은 어떤게 다른가?
m.
배포를 해본적이 있는가?
i.
어떻게 배포를 해보았나?
n.
적응형과 반응형의 차이를 아는가?
o.
Package.json파일의 역할은?
p.
package.json에서 dependencies와 devDependencies의 차이는?
q.
프로세스와 스레드의 차이
r.
CSR과 SSR의 차이?
s.
이벤트 위임이란?
t.
DOM을 건드리는 방식과 아닌 방식들의 차이
u.
반응형 프로그래밍?
v.
Call by value & call be ref
w.
null vs undefined ?
x.
inline vs inline block?
중요도 5
1.
브라우저 렌더링 원리
a.
홈페이지가 사용자에게 보이는 순서에 대해서 설명해주세요.
2.
호이스팅에 대해서 설명해 보세요.
3.
클로저는 무엇인가요? 원리와 왜 사용하는지 설명해 주세요.
4.
CSS에서 margin과 padding에 대해서 설명해 주세요.
a.
position을 어떻게 사용하는지 알려주세요.
5.
GET, POST가 어떻게 다르게 쓰는지 말씀해 주세요(주니어 기준, 시니어는 잘 안 물어봄)
중요도 4
1.
this의 용법 아는대로 설명해 주세요.
2.
브라우저 저장소에 대해서 차이점을 설명해 주세요.(Localstorage, Session Storage, Cookie)
3.
Restful API에 대해서 아는대로 설명해 주세요. (GET, PUT, POST, PATCH, OPTION, DELETE)
4.
Javascript는 어떤 언어인가요?
a.
하지만 실제 사용시에는 멀티 스레드처럼 어떻게 사용하나요?
b.
비동기적으로 실행이 되는 것을 동기적으로 코딩하는 방법이 있나요?
5.
vent Loop 에 대해서 알고 있으신가요?
6.
이벤트버블링에 대해서 말씀해 주세요
a.
이벤트 버블링은 기본적으로 child → parent 인데 반대로 구현하는 법은?
b.
이벤트 버블링을 막기위한 방법은?
c.
이벤트 버블링을 잘 활용하면 어떻게 사용할 수 있을까요?
7.
타입스크립트에 대해서 사용해 본적이 있나요? 어떤지 말씀해주세요.
8.
실행문맥에 대해서 설명해 주세요. (자주 물어보지는 않음 그러나 알아야 함)
중요도 3
1.
HTML이 렌더링 중에 Javascript가 실행되면 렌더링이 멈추는데 그 이유는 무엇인가
2.
현재 Javascript 프레임워크를 사용하는 것과 그 선택을 한 이유.
a.
프로젝트를 진행할 때 어떤 Javascript 프레임워크를 선택할 것인가? 그 이유는?
b.
최근 사용되는 Javascript 프레임워크에 대해 차이점과 장단점? 언제 어떻게 사용해야 할까?
3.
SPA와 서버사이드 렌더링의 차이점은 무엇인가요?
4.
require와 import의 차이점
5.
SASS, SCSS를 사용해본 적이 있나요? 기존 CSS와 비교할 때 어떤면이 더 좋은가요?
6.
Javascript 성능 최적화를 위해 어떤 것을 적용해 보았나요?
7.
Vue & React
a.
Vue와 React의 차이는 무엇인가요?
b.
Vue 혹은 React를 사용해보셨다면 상태관리는 어떻게 구현하셨나요?
c.
(Vue 면접관이라면) 라이프 사이클을 가볍게 설명해주세요.
d.
Vue에서 양방향 데이터가 일어나는 원리에 대해서 말씀해주세요.
8.
무작위 데이터에 대해서 테스트는 어떻게 하시나요?
9.
ES6 dptj Arrow함수를 언제 쓰나요? 왜 쓰나요?
10.
var let const 차이점
11.
CORS를 대처하는 방법과 우회하는 방법
12.
MVVM모델에 대해서 설명해 주세요.
중요도 2
1.
CSS에는 Box-model 이라는 것이 있습니다. 이때 width의 값을 차지하는 크기는 어떻게 될까요?
2.
이진트리에 대해서 말씀해 주시고 종류는 어떻게 될까요? 실제 적용해본 경험이 있나요?
3.
git을 사용해보신 적이 있으신가요? 사용했다면 어떤식으로 사용했는지 말씀해 주세요.
4.
HTTP 0.9/1.0의 차이를 말씀해 주세요.
중요도 1
1.
협업에 대해서 어떻게 생각하시나요?
2.
스켈레톤 UI에 대해서 적용해본 적이 있나요.
3.
지원자님께서 시간이 있으시다면 Frontend 향상을 위해 어떤 노력을 할 것인가요?
4.
프론트엔드 주제를 가지고 발표를 해야한다면 바로 가능한게 있을까요?