기술면접 준비하기
질문에 짧은 정답을 작성
- 스코프에 대해서 설명해보세요
- 스코프는 변수가 접근할 수 있는 범위입니다. 한 스코프 범위 내에서 외부 스코프의 변수에는 접근 가능하지만, 내부 스코프의 변수에는 접근이 불가능합니다.
예상되는 꼬리 질문을 준비
- 자바스크립트에서 function scope, block scope의 차이는?
- 자바스크립트에서 lexical scope와 dynamic scope의 차이는?
- var로 선언된 변수는 function scope, block scope중 어떤 scope를 가지는가?
. . .
위 질문들에 대한 풍부한 사례를 나만의 언어로 준비
- var로 선언된 변수는 function scope를 가집니다.
특히 for문을 사용할 때 이 차이가 두드러지는데, for문의 중괄호는 block scope지 function scope가 아니기 때문에 for문의 초기화식에 var를 사용하는 경우, function scope내에서 var로 선언된 변수가 변경될 수 있습니다.
이런 가능성을 최대한 배제해야 예측 가능한 코드를 작성할 수 있기 때문에 var 사용은 다소 위험합니다.
하나의 기술적 개념에 대한 결론을 기술 블로그에 기록
- 선택한 주제를 깊고 자세하게 적는다. 내 글 하나만 읽더라도 코드를 처음 접하는 사람이 쉽게 이해할 수 있을 정도로 명쾌하고 논리적으로 기술한다.
질문 예시
<li>요소는 왜<ul>요소의 자식 요소여야만 하나요? ul과 li태그는...ul과 li태그는 하나의 주제 안에서 연속되는 콘텐츠를 나열할때 사용되는 태그입니다. div나 p태그와는 달리 '목록'이라는 의미를 함께 전달할 수 있습니다. ul은 순서가 없는 목록, li는 그 목록 안에서의 각 항목들을 뜻합니다. ul요소 없이 li만 단독으로 사용한다면 각 항목들을 공통된 주제나 연관성 없이 나열한다는 의미입니다. 이럴 때 li요소는 시멘틱 요소로서 기능하지 않기 때문에 div태그나 h태그 등이 더 적합합니다.
-
CSS box model에 대해서 설명해주세요
-
event.preventDefault 메서드는 언제 왜 사용하는지 설명해주세요
-
id 속성과 class 속성의 차이에 대해서 설명해주세요
-
innerHTML 메서드와 textContent 메서드의 차이에 대해서 설명해주세요.
-
간단한 로그인 폼 컴포넌트를 가운데 위치시키려면 CSS를 어떻게 작성해야 하나요?(centering)
-
간단한 블로그에서 아래와 같은 레이아웃을 구성하려면 CSS를 어떻게 작성해야 하나요?
div.author-container +--------+------+------+ | 글쓴이 | 빈칸 | 공유 | +--------+------+------+
- 배열 객체를 const로 선언했는데 요소나 속성을 추가할 수 있는 이유에 대해서 설명해주세요.
const 선언은...
const 선언은 블록 범위의 상수를 선언합니다. 상수의 값은 재할당, 재선언할 수 없는 키워드입니다.
- 스코프에 대해서 설명해주세요.
- 얕은 복사와 깊은 복사에 대해서 설명해주세요.
- 원시 자료형과 참조 자료형에 대해서 설명해주세요.
- 일반적으로 CSS를 불러오기 위해
<link>요소를<head>요소의 자식 요소로 하고 JavaScript를 불러오기 위해<script>요소를<body>요소가 끝나기 직전에 위치시키는 이유가 무엇인가요? - 클로저에 대해 설명해주세요
본질에는 일치를, 비본질에는 관용을, 이 모든 것에 사랑을