프론트엔드 면접

HTTP 프로토콜은 stateless와 connectionless라는 특성을 갖는다.즉 클라이언트와 서버가 데이터를 주고 받을 때는 항상 초면인 상태라는 것이다.그러나 우리는 그에 반하는 경험을 많이 해왔다.웹사이트를 이용할 때마다 매번 로그인할 필요도 없고, 장바구니

프로그래밍하려는 대상을 하나의 객체로 정의하는 설계 방법 추상화 : 공통적인 속성이나 기능을 묶어서 이름을 붙임캡슐화 : 데이터를 은닉하고 데이터의 기능을 노출시키지 않음상속성 : 상위 부모 객체의 속성과 특징을 하위 객체가 상속 받음다형성 : 같은 함수가 있어도 매개

자바스크립트에서 비동기 처리를 하기 위해서는 callback 또는 promise를 사용하게 된다.인자로 받은 수에 10을 더해서 1초 뒤 반환하는 함수인 add10을 callback과 promise로 각각 작성하여 그 차이를 비교해보고자 한다.resolve는 성공했을

브라우저는 파싱 > 스타일 > 레이아웃 > 페인트의 과정을 거쳐 렌더링 된다.HTML 파일을 해석하여 DOM 트리와 CSSOM 트리를 구성하는 단계파싱 중 <script />, <link />, <img />를 발견하면 각 리소스를 요청하고 다운로드한다

프로젝트를 하면서 수없이 만났던 CORS(Cross Origin Resource Sharing)!정작 제대로 알고 있지는 못한 것 같아서 더 깊게 이해해보고자 한다.CORS의 O는 Origin으로, URL의 프로토콜 + 호스트 + 포트를 의미한다.SOP는 동일 출처 정

XSS는 사용자가 특정 웹사이트를 신용하는 점을 노린 것이고,CSRF는 특정 웹사이트가 사용자의 웹 브라우저를 신용하는 상태를 노린 것이다.웹사이트 관리자가 아닌 이가 웹 페이지에 악성 스크립트를 삽입할 수 있는 취약점으로 발생되는 공격이다.개요 : 악성 스크립트가 클

표준 DOM 이벤트에서 정의한 이벤트 흐름에는 3가지 단계가 있다.1\. 캡처링 단계 - 이벤트가 하위 요소로 전파되는 단계2\. 타깃 단계 - 이벤트가 실제 타깃 요소에 전달되는 관계3\. 버블링 단계 - 이벤트가 상위 요소로 전파되는 단계위와 같은 DOM 트리에서

useMemo와 useCallback은 모두 무언가를 메모이제이션하기 위한 React Hook이다. > 메모이제이션(memoization) 기존에 수행한 연산의 결과값을 어딘가에 저장해두고 동일한 입력이 들어오면 재활용하는 프로그래밍 기법이다. 메모이제이션을 잘 적용