Script
11~20 본문
11. useEffect와 useLayoutEffect 차이에 대해 설명해주세요
- useEffect는 컴포넌트들이 render와 paint된 후 비동기적으로 실행됩니다.
paint된 후 실행되기 때문에 , useEffect 내부에 dom에 영향을 주는 코드가 있을 경우 사용자 입장에서는
화면의 깜빡임을 보게됩니다.
useLayoutEffect는 컴포넌트들이 render 된 후 실행되며, 그 이후에 paint됩니다.
이 작업은 동기적으로 실행되며, paint가 되기전에 실행되기 때문에 dom을 조작하는 코드가 있더라도
화면에는 깜빡임이 일어나지 않게됩니다.
차이 요약: useEffect는 paint 된후 비동기적으로 실행 (DOM 조작 시 화면 깜빡임)
useLayoutEffect는 paint 되기전에 동기적으로 실행 (DOM 조작 시에도 화면 깜빡이지 않음)
언제 어떤걸 사용할까?
useLayoutEffect는 동기적으로 실행되고 코드가 모두 실행된 후에 painting 작업을 거친다.
따라서 사용자가 화면을 보기까지의 시간이 오래걸릴 염려가 있기 때문에 기본적으로는
useEffect를 사용하도록 한다.
useEffect 사용예시
- 데이터 fetch
- event handler
- state reset
useLayoutEffect 사용예시
- 화면이 깜빡거리는 상황일 때 ex) state 변화로 인해 리렌더링 되며 화면이 깜빡거릴때
12. Closure란?
- 스코프에 따라서 내부 함수에서는 외부 함수의 범위에 있는 변수에 접근이 가능하지만
그 반대는 불가능하다는 개념입니다.
특징으로 외부 함수는 외부 함수의 지역변수를 사용하는 내부 함수가 소멸할 때까지 소멸되지 않습니다.
예시로 외부 함수에 name이라는 변수를 만들고 내부 함수에 name을 콘솔로 출력하게끔하고 외부에서
내부함수를 리턴하면 클로저가 형성되어 당시의 함수와 관계되는 코드들의 참조를 유지하여 콘솔에 name이
출력됩니다.
참고: https://script01.tistory.com/130
13. Javascript 호이스팅에 대해 설명해주세요.
- https://script01.tistory.com/30
14. 프로세스 생성 과정에 대해 설명해보세요.
- 보류
15. HTTPS란
- https://script01.tistory.com/124
16. TCP란 무엇인가
- TCP는 서버와 클라이언트간에 데이터를 신뢰성 있게 전달하기 위해 만들어진 프로토콜입니다.
인터넷 통신의 대부분은 패킷 통신을 기본으로 합니다.
여기서 패킷이란 데이터를 여러조각으로 나눈 형태를 의미하는데, 네트워크에서 전송되는 데이터의 기본단위입니다.
TCP는 이러한 패킷들을 재조립하고, 손상된 패킷이 있다면 재요청을 합니다.
데이터를 여러조각으로 나누어 전송하는 이유는 원형의 데이터를 그대로 보내면 그 데이터가 네트워크의 대역폭을 너무 많이 차지하여 다른 패킷의 흐름을 막을 위험이 있기 때문입니다.
17. TCP와 UDP의 차이점은?
- 연결방식 : TCP는 연결형 서비스, UDP는 비연결형 서비스
- 패킷교환방식: TCP는 가상회선 방식, UDP는 데이터그램 방식
- 전송순서: TCP는 전송 순서를 보장하지만, UDP는 바뀔 수가 있다.
- 속도: TCP는 느리고 UDP는 빠르다.
- 신뢰성: TCP는 신뢰성이 높고 UDP는 신뢰성이 낮다.
- 수신 여부 확인: TCP는 수신 여부를 확인하고 UDP는 확인하지 않는다.
- 통신 방식: TCP는 1:1 통신 방식이지만, UDP는 1:1, 1:N, N:N 방식으로 통신한다.
UDP란?
IP를 사용하는 네트워크 내에서 컴퓨터들 간에 메시지를 교환할 때 제한된 서비스만을 제공하는
통신 프로토콜
18. 브라우저에서 주소창에 url 입력시 어떤일이 일어나는가
- 백엔드 측면https://script01.tistory.com/117
- 프론트엔드 측면 https://script01.tistory.com/119
19. JavaScript Event Loop
- https://script01.tistory.com/134
20. RESTFul API란