728x90 반응형 Interview preparation4 면접 질문 대비 리스트(Frontend) CSR(Client Side Rendering) 1. 렌더링이 클라이언트 쪽에서 일어난다. 2. 서버에서 처리 없이 클라이언트로 보내주기 때문에 자바스립트가 모두 다운로드 되고 실행이 끝나기 전까지 사용자는 볼 수 있는게 없다. 3. HTML, CSS와 모든 스크립트들을 한 번에 불러온다. SSR(Server Side Rendering) 1. 서버쪽에서 렌더링 준비를 끝마친 상태로 클라이언트에 전달하는 방식. 2. 서버에서 이미 '렌더 가능한' 상태로 클라이언트에 전달되기 때문에, JS가 다운로드 되는 동안 사용자는 무언가를 보고 있을 수 있다. 3. HTML과 스크립트만 불러온다. CSR, SSR 차이 첫 페이지 로딩시간 = 평균적으로 SSR이 더 빠르다. 나머지 로딩 시간 = CSR이 더 빠르다. C.. 2023. 6. 15. 면접 질문 대비 리스트(React) React.js에서의 렌더링? 리액트가 함수를 호출하는 것.(component가 렌더링 된다는 것은 함수(component)를 호출하여 실행되는 것.) 렌더링 = 함수 호출 실행. 실행될 때마다 내부에 선언되어 있던 변수, 또다른 함수 등.. 도 매번 다시 선언됨. React.js에서의 리렌더링? - 자신의 state가 바뀌었을 때 - 부모에게서 받은 props가 바뀌었을 때 (하위 컴포넌트에 최적화 설정을 해주지않으면 부모에게서 받는 props가 변경되지 않았더라도 기본으로 리렌더링) DOM 웹 페이지나 웹 앱에 있는 HTML 요소들을 트리형태로 표현한 것이다. DOM은 애플리케이션의 전체 UI를 나타내며 트리 데이터 구조로 표현된다. 여기에는 Web Document에 있는 각 UI 요소에 대한 노드가.. 2023. 6. 14. 면접 질문 대비 리스트(JavaScript) 비동기 처리 방법 Callback callback은 ES6버전 이전에 사용되던 비동기 처리 방법입니다. -수정중- Promise promise는 callback의 단점을 보완하고자 ES6버전에 등장한 비동기 처리 방법입니다. -수정중- Async/Await async/await은 promise의 단점을 보완하고자 ES8버전에 등장한 비동기 처리 방법입니다. -수정중- var, let, const 차이점 const- 중복 선언 불가능, 재할당 불가, 블록 레벨 스코프 let - 중복 선언 불가능, 재할당 가능, 블록 레벨 스코프 var- 중복 선언 가능, 재할당 가능 ,함수 레벨 스코프 이벤트 버블링 한 요소에 이벤트가 발생하면 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작하고 최.. 2023. 6. 13. 면접 질문 대비 리스트(CS) - CS - DNS란? -DNS(도메인 네임 시스템)이 사람이 읽을 수 있는 도메인 이름(qzom1425.tistory.com)을 IP 주소로 변환하는 시스템. -DNS 서버를 사용하면 영문과 숫자로 된 복잡한 IP 주소를 기억할 필요가 없습니다. -DNS는 분산 데이터베이스 구조를 가진다. 브라우저 렌더링(과정) 1. html 파싱으로 DOM을 만들고 2. CSS를 파싱해서 CSSOM을 만든다음 3. 위 DOM과 CSSOM으로 Render Tree를 만들고 4. Layout 과 Paint과정을 거처서 화면에 웹사이트가 렌더링(사용자에게 보여지게) 됩니다. GET과 POST의 차이? GET 1. GET 방식은 HTTP Method 중 하나로 주로 서버에 데이터(리소스)를 조회할 때 사용. 2. URL을 .. 2023. 6. 13. 이전 1 다음 728x90 반응형
