# interview
20220509-day1-학습목표
\-HTML(Hypertext Markup Language)는 웹 페이지를 만들기 위한 언어로 웹페이지를 구조를 잡을 수 있습니다. HTML 파일은 이미지, 텍스트, 비디오, 버튼 등 웹사이트에 보여줄 내용을 구성하고 있으며 브라우저(chrome, safari, ie,
#7. 브라우저의 렌더링 과정
브라우저의 주소창에 URL을 입력하고 엔터 키를 누르는 순간 URL의 호스트 이름이 DNS를 통해 IP 주소로 변환되고 해당 IP 서버로 요청을 전송한다 브라우저는 서버로부터 응답된 HTML과 CSS를 파싱하여 DOM과 CSSOM을 생성하고 이들을 결합하여 렌더 트리를
#6. DOCTYPE 이란 ?
DOCTYPE이란 웹문서가 어떤 HTML로 작성되었는지 브라우저에 선언해주는 규칙이다.HTML문서의 최상위에 선언하게 되는데, HTML5, XHTML, HTML의 세가지 유형이 존재한다.HTML의 버전 업데이트로 필수 태그같은 문법이 달라지면서 과거 버전의 글도 현재의
🖥️ 브라우저 렌더링 과정
기술 면접 때 가장 흔히 물어보는 질문인 브라우저 렌더링 과정에 대해서 되짚어보자.브라우저가 렌더링되는 과정을 알아야하는 이유가 무엇일까?프론트엔드 개발자라면 브라우저와 함께 웹 애플리케이션을 구성하기 때문에 나의 앱이 어떻게 브라우저에 나타나게 되는지 알고 있어야한다
#4. 타입스크립트의 제네릭이란 ?
어떠한 컴포넌트 혹은 함수에서 사용할 타입을 해당 함수나 컴포넌트를 사용할 때 결정하는 프로그래밍 기법을 말한다 (타입을 마치 함수의 파라미터처럼 사용하는 것)컴포넌트나 함수의 재사용성을 증가시키기 위해 사용한다정적 타입 언어에서는 함수 및 컴포넌트를 생성하는 시점에서
#3. 이진 탐색 알고리즘이란 ?
오름차순으로 정렬된 리스트에서 특정한 값의 위치를 찾는 알고리즘이다처음 중간의 값을 임의의 값으로 선택하여, 그 값과 찾고자 하는 값의 크고 작음을 비교하는 방식을 채택하고 있다. 처음 선택한 중앙값이 만약 찾는 값보다 크면 그 값은 새로운 최댓값이 되며, 작으면 그
[TIL #30] 브라우저의 작동 원리
웹 개발자라면 알아두면 좋을 브라우저의 작동 원리에 대해서 한번 다뤄보자🏃♂️ 브라우저 란? 브라우저의 작동 원리에 대해서 다뤄보기 전에 우선 브라우저, 웹 브라우저란 도대체 무엇이고 무슨 역할을 하는지에 대해서 먼저 알아보자.
#2. 함수형 프로그래밍이란 ?
FP (Funtional Programming), 함수형 프로그래밍은 대부분을 순수 함수로 나누어 문제를 해결하는 프로그래밍 방법이다.함수의 실행이 외부에 영향을 끼치지 않는 함수같은 인자를 받았을 때 항상 같은 결과 값을 출력하는 함수를 얘기작은 문제를 해결하기 위한
#1. TypeScript를 사용하는 이유가 무엇인가요 ?
컴파일을 하면 자바스크립트 코드로 변경되지만 정적 타입을 명시할 수 있다. 자바스크립트의 약점을 보완한 자바스크립트 슈퍼셋이라고 표현한다.자바스크립트는 기본적으로 느슨한 타입 체크(loosly typed) 언어이자 동적 타입(dynamic typed) 언어이다. 즉,
[TIL #27] Closure 란?
앞 포스트에서 다뤘던 Hoisting과 함께 JavaScript 필수 이론격으로 언급되는 Closure에 대해서 다뤄보자🏃♂️
[TIL #26] Hoisting 이란?
JavaScript를 주 언어로 사용하는 개발자라면.. 꼭 알아야 할 개념인, 또한 기술 면접에서도 자주 언급되는 Hoisting에 대해서 다뤄보자 🏃♂️
네트워크
해당 포스트는 https://github.com/JaeYeopHan/InterviewQuestionfor_Beginner를 공부한 기록임 HTTP GET/POST method http 프로토콜을 이용해 요청할 때 사용되는 방식 GET url에 데이터가 붙어 전송 (
개발기본지식
해당 포스트는 https://github.com/JaeYeopHan/Interview_Question_for_Beginner를 공부한 기록임읽기 쉬운 코드, 중복이 없는 코드, 테스트가 용이한 코드..내 개인적인 생각으로는 무조건적으로 협력할 때 큰 어려움을
신입 개발자🐣 면접 준비 TIP 🎤
기술면접 1. 기술 이해도 평가 회사의 기술과 내기술의 교집합을 준비 -> a기술 내가모르는 회사에서 사용하는 기술은 잘 안나옴 a기술의 핵심 개념들은 무엇이 있고 설명할 수 있는지 a기술의 핵심개념들과 연결되는 기초적인 지식들을 제대로 이해하고 있는지 다른 대체기
[Other] 유사 배열
11월 24일 수요일 면접에서 완벽하게 답변하지 못했던 두 가지중에 하나인 유사배열에 대해 적어보고자 한다. 제로초의 블로그를 참조하 []로 감싸져있지만 배열이 아닌 친구들을 유사배열이라고 부른다고 한다. 위와 같이 key가 숫자로 되어있고 length프로퍼티를 가지
Virtual DOM이란
dom에 변화가 생기면, 렌더트리를 재생성(모든 요소들의 스타일이 다시 계산됨) 하게 됩니다. 복잡한SPA에서는 dom조작이 많이 발생하게 되는데, 결국 전체적인 프로세스를 비효율적으로 만들게 됩니다. 이때 virtual dom을 사용하면 실제 DOM 에 적용되기전에