면접 준비 (4) 썸네일형 리스트형 질문 정리 ----- 웹 브라우저 DOM DOM HTML 차이 ㅇ 브라우저의 렌더링 과정 ㅇ 주소창에 url 입력후 어떤일이 일어나는가 ? ㅇ 이벤트 버블링 캡쳐링 차이점 웹 표준 웹 접근성 CORS SOAP XSS rest api ㅇ resful함이 무엇인지 ? SPA SSR 차이 ㅇ 쿠키 세션 ㅇ HTTP HTTPS 차이 localStorage, sessionStorage, cookie 특징 설명 ajax HTTP 상태코드 역할 ----- 자바스크립트 var let const 차이 ㅇ 스코프 ㅇ 호이스팅 ㅇ 클로저 ㅇ 프로토타입 ㅇ this 4가지 ㅇ callback, Promise , Async /Await ㅇ 설명, 장단.. 웹 브라우저 ----- 웹 브라우저 - DOM 문서 객체 모델 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스 DOM 구조에 접근할 수 있는 방법을 제공 -> 문서 구조, 스타일 , 내용등을 변경할 수 있게 돕는다. - DOM, HTML의 차이점 HTML 화면에 보이고자하는 모양, 구조를 문서로 만든것 최초의 화면을 그릴때 이용한 설계도 DOM 실제로 화면에 표현된것들 설계도를 이용해서 만든 실물 화면 조작, 웹페이지를 만질 수 있다. ( 인터페이스 ) - 브라우저는 어떻게 동작하는지 ? DOM 생성 -> CSSOM 생성 -> 렌더트리 생성 -> 렌더트리 배치 -> 렌더트리 그리기 // 브라우저의 주요 기능 사용자가 선택한 자원을 서버에 요청 -> 브라우저에 표시 - .. 프로젝트, 기술 - React 사용자 인터페이스를 만들기 위한 라이브러리 사용 이유 ? 동적인 웹 페이지를 효율적으로 유지보수, 관리 목적 어떤 문제를 해결 하는지 ? 프로젝트 규모가 커지고, 다양한 유저 인터렉션 전달에 따른 DOM요소 변화시 렌더링 과정을 거치면서 브라우저 많은 연산 프로세스의 비효율성 => DOM 관리와 상태 변화 관리를 최소화해서 개발자는 기능 개발, 사용자 인터페이스에 집중 가능 특징 -- 컴포넌트 단위 작성 생산성과 유지 보수 용이 -- JSX => JS + xml 리액트에서 element 요소를 제공해줌 --Virtual Dom 어떤게 바뀌었는지 파악하여 필요한 DOM 트리만 업데이트할 수 있게 해준다. - 불변성 ( Immutable ) 변하지 않는 상태를 유지하는 방.. 자바스크립트 ----- 자바스크립트 - var let const 차이 --재선언 재할당 관련 var 재선언 재할당 가능 let 재선언 불가, 재할당 가능 const 재선언, 재할당 불가 --호이스팅, 스코프 관련 var => function scope let const => block scope - 스코프 어느 범위까지 참조하는지 변수, 매개변수의 참조 가능한 범위 // 접근성과 생존기간 - 호이스팅 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는것 함수 선언식은 호이스팅 됨 함수 표현식은 호이스팅 되지 않는다. // var 변수, 함수 선언만 위로 끌어 올려지며 할당은 끌어올려지지 않는다. - 클로저 독립적인 변수를 가리키는 .. 이전 1 다음