그동안 받았던 면접 질문

 

🟠 리액트를 사용하는 이유

1.버츄얼 돔 사용해서 불필요한 렌더링을 최소화

2. 컴포넌트 사용하여 블럭처럼 사용가능하고 가독성이 높음

3. JSX 확장 문법 사용으로 개발자가 코드짜기 편함

4. 다른 프레임워크와 라이브러리 함께 쓰기 편함

 

 

 

🟠 Rest API 란 - http에 요청을 보낼때 어떤 uri를 사용할지, 어떤 메소드를 사용할지에 대한 약속 

Rest API는 주소만으로도 대략 이게 뭘하는 요청인지 파악 가능

컴퓨터의 기능을 실행시키는 명령 내컴터아니고 남의 컴터

api : 컴퓨터의 기능을 실행시키기는 방법

ex) 파이선은 print('hello world'), 자바스크립트는 document.write('hello world')

 

기계와 기계가 웹을 통해 통신할수 있게 돕는 통신 규칙

웹의 통신규약인 http를 이용!

웹서버와 사용자가 통신할 수 있는 방법 ex)주소창에 입력하는 url

 

 

🟠 HTTP 프로토콜의 method는?

● GET 

- 서버에 데이터 달라고 요청하는 메소드 (데이터 받음)

- GET 요청은 URL을 통해 전송되고 URL 일부로 요청 매개변수 전달됨(이토마토에서 말한 파라미터가 이거인듯)

- GET 메소드는 브라우저에 쉽게 표현할 수 있음

 

● POST

- 서버로 데이터를 전송하는 메소드 (데이터 보냄)

- http 본문에 데이터를 포함하여 전송

- GET보다 보안성 높음 ( POST 요청을 사용하면 데이터가 URL에 노출되지 않기 때문에 중요 정보 안전하게 전송 가능)

- GET보다 더 많은 데이터 전송할 수 있음 -> 무슨말..? GET은 데이터를 요청하는거 잖음

 

이러한 차이점 때문에

GET은 정보를 검색하는 데 사용되고

POST는 정보를 생성, 수집, 삭제하는 데 사용됨

 

 

 

 

🟠 HTTP 란?

내말로 번역 - 웹서버와 사용자가 사용하는 브라우저와 정보를 교환 하기위해 사용되는 통신규약

인터넷에서 웹서버와 사용자의 인터넷 브라우저 사이에 데이터를 전송하기 위해 사용되는 통신 규약

즉, 웹서버와 사용자의 인터넷 브라우저가 하이퍼텍스트 문서를 교환하기 위해 사용되는 통신 규약

 

 

 

🟠 동기, 비동기란?

동기 - 하나의 요청만 처리, 요청 끝나야 그 다음 요청 처리 ex)콜센터 직원

비동기 - 동시에 여러개 요청 처리 ex)이메일 보내고 보내지는 중에 또 보낼 수 있음

 

 

 

🟠 클로저란?

함수내에서 함수 정의하고 사용하는 것

 

 

 

🟠 이벤트 버블링 이란?

이벤트 발생했을때 이벤트가 상위요소(부모)에도 전달되는 것

 

 

 

🟠 쿠키란?

아이디 자동저장, 오늘은 이 창을 다시 보지 않기, 로그인 안한 상태로 장바구니 넣기

사용자가 어떠한 웹 사이트를 방문할 경우,
그 사이트가 사용하고 있는 서버에서 사용자의 컴퓨터에 중요하지 않는 사용자의 작은 기록을 저장하는 것

웹브라우저를 닫아도 삭제되지 않음 (하드디스크에 저장되어 있어서)

장점은 속도가 빠르고 서버 부하가 낮음

단점은 보안에 취약, 300개의 쿠키 저장 가능

중요하지 않는 정보들을 저장

 

 

 

🟠 세션이란?

화면이 이동해도 로그인이 풀리지 않고 로그아웃 할때까지 로그인 유지

 

 

 

🟠 DOM 이란?

HTML 문서를 프로그래밍적으로 보여주는 인터페이스

 

 

 

🟠 Virtual DOM 이란? (따로 게시물 있음)

DOM의 사본, 비효율적인 렌더링을 최적화 하기위해 사용

 

 

 

🟠 브라우저 렌더링 순서

1. 브라우저에서 렌더링 엔진이 html코드를 읽고 파싱하여 DOM tree 생성

2. css 파일, html 내에 inline style 코드를 읽고 파싱하여 css DOM tree 생성

3. DOM tree + css DOM tree 합쳐져서 render tree 생성

4. reflow 단계 - render tree의 각 노드들이 화면에 어느 공간에 위치할지 결정됨 (position, size등이 계산)

5. repaint 단계 - 위의 모든 레이아웃이 사용자가 보는 화면에 나타남

 

 

 

🟠 호이스팅이란

끌어올림이라는 뜻을 가지며

선언된 모든변수나 함수들을 맨위로 끌어올린 것 처럼 동작

 

선언되지 않은 변수를 console.log 하면 ReferenceError가 발생

 

But 나중에 만들어진 변수에는 미리 접근 가능

나중에 만들어진 변수를 선언해도 ReferenceError 발생하지 않고

자바스크립트는 호이스팅된 변수를 undefined로 초기화시킴