퍼블리셔, 프론트앤드디벨로퍼 면접 인터뷰 관련 질문

일반적인 질문:

Twitter,Facebook 등의 SNS를 사용하시나요?

   * 사용한다면, 누구를 팔로우 하고 있나요?

GitHub을 사용하시나요?

   * 사용한다면, 어떤 프로젝트를 Watch 혹은 Fork하시나요?

자주 보는 Blog가 있습니까?

버전 관리 시스템은 어떤 것들을 사용해보셨습니까?

선호하는 개발 환경은 무엇입니까? (운영체제, 에디터, 브라우저, 도구 등등)

당신이 웹 페이지를 만들 때의 과정을 설명 해주실 수 있을까요?

점진적 향상법(progressive enhancement)과 우아한 성능저하법(graceful degradation)의 차이를 설명하실 수 있습니까?

   * "누구도 성공하지 못합니다" 라고 말하면 보너스 포인트를 주세요.

   * 각 특색을 설명을 한다면, 더 높은 보너스 포인트를 주세요.

"시멘틱 HTML(Semantic HTML)"이 무엇을 뜻하는지 설명해주세요.

"최소화(minification)"가 무엇을 하는 것입니까?

여러 도메인을 이용하여 서버 사이트 데이터를 제공하는 것이 더 나은 이유는 무엇인가요?

   * 브라우저가 한 번에 1개의 도메인에서 다운로드 받는 리소스는 몇 개 인가요?

만약에 디자인을 표현하기 위해 8개의 다른 Stylesheet를 가지고 있다면, 사이트에서는 어떻게 통합하실 건가요?

   * 파일의 연결법을 찾아내세요.

   * Build system을 이용한 결합없이, @import를 사용하면 점수를 깎으세요.

당신이 프로젝트에 합류했습니다. 근데 그들은 Tab을 이용하고, 당신은 Sapce를 사용했습니다. 어떻게 하실건가요?

   * :retab! 명령어를 아는지 확인

간단한 Slideshow 페이지를 만들어보세요.

   * Javascript를 사용하지 않고 만들었다면, 보너스 점수가 있습니다.

당신의 코드의 성능을 테스트하기 위해서 사용하는 도구가 무엇입니까?

올해 당신이 익히고 싶은 기술이 있다면, 그것은 무엇입니까?

페이지 로딩 시간을 줄이는 3가지 방법은?

표준의 중요함을 설명하세요.

HTML에 관련된 질문들:

doctype이 무엇을 하는 것이고, 몇 번 지정할 수 있나요?

표준모드(standards mode)와 쿽스모드(quirks mode)의 다른 점은 무엇인가요?

XHTML을 이용한 페이지의 한계점은 무엇이 있나요?

   * application/xhtml+xml으로 지정한 페이지에 어떠한 문제가 있나요?

다국어가 포함된 페이지는 어떤 방식으로 제공하나요?

HTML5에서 XHTML문법을 사용할 수 있나요? HTML5에서 XML을 어떻게 사용하나요?

data-속성은 무엇을 하는 것인가요?

HTML4에서 콘텐츠 모델(content models)은 무엇이며, HTML5의 그것과 다른 점은 무엇인가요?

HTML5를 오픈웹플랫폼(open web platform)으로 생각해본다면, 어떤 것들로 구성돼 있을까요?

쿠키(Cookies)와 세션저장소(sessionStorage)와 로컬저장소(localStorage)의 차이점을 설명해주세요.

면접, 인터뷰시 Javascript에 관련된 질문들

사용해 본 Javascript 라이브러리들을 말씀해주세요.

Java와 Javascript의 다른 점은 무엇인가요?

undefined와 undeclared 변수는 무엇인가요?

클로져(Closure)는 무엇이며, 어떻게/왜 사용하는지 설명해주세요.

   * 클로져를 만들 때 선호하는 패턴은 무엇인가요? argyle (IIFEs에만 적용할 수 있다)

익명함수(anonymous functions)는 주로 어떤 상황에서 사용하나요?

"Javascript 모듈 패턴(Javascript module pattern)"이 무엇인지 설명을 해주시고, 언제 사용하는지도 말씀해주시기 바랍니다.

   * "네임스페이스(namespacing)"에 대해서 언급을 하면, 보너스 포인트가 있습니다.

   * 당신의 모듈이 네임스페이스가 없는 상황이라면?

당신의 코드를 어떻게 구성하는지?(모듈 패턴, Class기반 상속?)

호스트 객체(Host Objects)와 네이티브 객체(Native Objects)의 차이점은 무엇인가요?

다음 코드의 차이점은 무엇인가요?

* function Person(){} var person = Person() var person = new Person()

.call과 .apply의 차이점은 무엇인가요?

Function.prototype.bind을 설명 하시오

코드 최적화를 하는 시점은 언제인가요?

Javascript에서 어떻게 상속을 하는지 설명할 수 있나요?

   * "누구도 할 수 없어요" 같은 재밌는 대답 시에 보너스 포인트가 있습니다.

   * 안되는 이유에 대해서 설명을 시도한다면, 더 많은 점수를 주세요.

document.write()를 언제 사용하시나요?

   * 정답 : 1999년 - 초보개발자를 걸러내기 위한 시절

UA문자열을 이용하여 기능 검출(feature detection)과 기능 추론(feature inference)의 차이점을 설명 하시오.

AJAX에 관해 가능한 자세히 설명하세요.

JSONP가 어떻게 동작 되는지 설명하세요.(그리고,실제 AJAX와 어떻게 다른지 설명하세요.)

기존에 Javascript 템플릿을 사용한 적이 있나요? 만약에 있다면, 어떠한 방식으로 사용했는지 말씀해주세요.

"호이스팅(Hoisting)"에 대해서 설명 하시오.

FOUC가 무엇이며 FOUC를 어떻게 방지하나요?

이벤트 버블링(Event Bubbling)에 대해서 설명하세요.

"속성(Attribute)"와 "요소(property)"의 차이가 무엇인가요?

Javascript 객체를 확장하는 것이 좋지 않은 이유는 무엇인가요?

Document Load 이벤트와 Ready 이벤트의 차이가 무엇인가요?

==와 ===의 차이점은 무엇인가요?

브라우저의 URL에서 파라메터를 얻을 수 있는 방법에 대해서 설명하세요.

Javascript의 "동일출처정책(the same-origin policy)"에 대해서 설명하세요.

이벤트 딜리게이션(Event Delegation)에 대해서 설명하세요.

Javascript의 상속패턴(inheritance patterns)에 대해서 설명하세요.

다음 코드를 동작하게 만드세요. [1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]

Javascript에서 메모이제이션(memoization, 중복 계산 방지)에 대한 전략을 설명해주세요.

삼항식(Ternary statement)을 사용하는 이유는 무엇이고, 그것을 표현하기 위한 연산자 단어는 무엇인가요?

arity는 어떠한 함수인가요?