기술면접

웹 브라우저가 문서를 읽은 후, HTML 파서가 문서를 파싱해 DOM Tree를, CSS 파서가 CSSOM Tree를 생성한다. 생성된 DOM과 CSSOM으로 더 트리(Render Tree)를 생성한다.랜더 트리를 토대로 그려질 노드와 스타일, 크기를 계산하여 브라우저

1)호이스팅은 변수나 함수 선언이 최상단으로 끌어올려지는 현상입니다.코드 내에서 변수와 함수가 선언되기 전에도 참조될 수 있다는것을 의미합니다.var로 선언하면 호이스팅 시 undefined로 변수를 초기화하는 반면 let과 const로 선언한 변수의 경우 호이스팅 시

프레임워크는 개발자가 개발을 쉽게 할 수 있도록 뼈대를 제공해준다.라이브러리는 개발에 필요한 것들을 미리 구현해놓은 도구라고 할수 있습니다. 프레임워크와 라이브러리의 가장 큰 차이점은 제어 흐름이 어디에 있냐는 점입니다.프레임워크는 전체적인 흐름을 쥐고 있으며 애플리케

HTTP는 Hyper Text Transfer Protocol의 두문자어로, 인터넷에서 데이터를 주고받을 수 있는 프로토콜로서 HTML, Text 외에도 모든 형태의 데이터(이미지, 여러 파일, JSON)를 전송할 수 있습니다..HTTP는 클라이언트가 요청을 보내면 서

coming soon...로컬 스토리지와 세션 스토리지는 웹 스토리지로 클라이언트 기반 키-벨류 저장소이고 서버로 전송되지 않으며 네트워크 트래픽 비용을 줄여준다. 또한, 용량 제한이 없다.로컬 스토리지는 브라우저를 종료해도 데이터를 보관하며 도메인만 같으면 전역적으로

require와import는 외부 파일이나 라이브러리를 불러올 때 사용한다는 같은 목적을 가지고 있지만, 다른 문법구조를 가지고 있다.require는 exports와 함께 사용되며 어느 지점에서나 호출 할 수 있고 동기적이다. NodeJS에서 사용되는 CommonJS의

스크롤바의 위치를 가져오거나 또는 포커스를 설정해줘야되는 다양한 상황에서 사용이 된다.예를 들어 클릭 카운트를 설정할때 리랜더링이 일어나지 않고 ref를 사용하여 버튼을 클릭한 횟수를 추적할 수 있고 카운터의 값을 0으로 초기화 할 필요가 있을때 사용한다.최종 프로젝트

첫 번째로는 가독성이 좋아 개발자간의 소통이 원활하다.두 번째로는 검색 효율성(SEO)이 좋다. 시맨틱 요소를 사용하면 중요도에 따라 우선 순위를 정하여 최우선순위로 검색 결과 상단에 표시된다.세 번째로는 웹 접근성이다. 화면의 구조에 대한 정보까지 추가로 전달하여 다

질문 1)순수함수란 무엇인가요? 불변성과 사이드 이펙트와 연결하여 설명해주세요.✅ 대답 1) > 질문 2)React의 state와 props에 대해서 설명해주세요.✅ 대답 2) >

<li>요소는 말 그대로 list의 item들을 보여주기 위한 요소 이고, 목록을 담는 <ul>요소이다.<li> 요소가 <ul> 요소의 하위여야 하는 이유는 목록 항목과 목록 컨테이너 간의 관계를 정의하기 때문입니다.<ul> 요소를 배치하면

promise와 async/await 모두 자바스크립에서 비동기 코드 처리에 사용된다.async 함수는 비동기 작업을 수행하고, await 키워드는 비동기 작업이 완료될 때까지 기다리며, promise는 비동기 작업의 결과를 나타낸다.또, promise.then을 사용

한번 정리했지만 기억을 잃어 다시 끄적해본다^^SPA는 하나의 페이지로 브라우저에서 최초로 한 번만 로딩하고 그 이후에는 데이터만 변경해서 사용한다.MAP는 여러 페이지로 서버로부터 전체 페이지를 받아오고 그 이후에는 데이터 수정이나 조회가 필요할 때 완전히 다른 페이