📢 공지사항
🏆 성과
📖 멘토링/스터디
🥳 행사
📅 UDR 캘린더
UnderDog Revolution
/
✍ 언더독들의 멘토링 / 스터디 ✍
/
UDR STUDY
/
UDR STUDY
/
REACT
/
RECORD
UnderDog Revolution
/
✍ 언더독들의 멘토링 / 스터디 ✍
/
UDR STUDY
/
UDR STUDY
/
REACT
/
RECORD
📢 공지사항
🏆 성과
📖 멘토링/스터디
🥳 행사
📅 UDR 캘린더
RECORD
갤러리 보기
Search
React 한정 질문
질문모음
REACT 질문
HTML
•
DOCTYPE
은 무엇을 하나요?
•
여러 언어로 되어 있는 콘텐츠의 페이지를 어떻게 제공하나요?
•
다국어 사이트를 디자인하거나 개발할 때 주의해야할 사항은 무엇인가요?
•
data-
속성은 무엇에 좋은가요?
•
HTML5를 개방형 웹 플랫폼으로 간주할 때, HTML5의 구성 요소는 무엇인가요?
•
cookie
,
sessionStorage
,
localStorage
사이의 차이점을 설명하세요.
•
<script>
,
<script async>
,
<script defer>
사이의 차이점을 설명하세요.
•
왜 일반적으로 CSS
<link>
태그를
<head></head>
태그 사이에 위치시키고, JS
<script>
태그를
</body>
직전에 위치시키는 것이 좋은 방법인가요? 다른 예외적인 상황을 알고있나요?
•
프로그레시브 렌더링이 무엇인가요?
•
이미지 태그에
srcset
속성을 사용하는 이유는 무엇인가요? 이 속성의 컨텐츠를 실행할 때 브라우저의 프로세스를 설명하세요.
•
다른 HTML 템플릿 언어를 사용해본 적이 있
나요?
HTML
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.
실행문맥에 대해서 설명해 주세요. (자주 물어보지는 않음 그러나 알아야 함)
중요