1212## 일반적인 질문:
1313
1414* Twitter,Facebook 혹은 Me2day등의 SNS를 사용하시나요?
15- * 사용 한다면 , 누구를 팔로우 하고 있나요?
15+ * 사용한다면 , 누구를 팔로우 하고 있나요?
1616* GitHub을 사용하시나요?
17- * 사용 한다면 , 어떤 프로젝트를 Watch 혹은 Fork하시나요?
17+ * 사용한다면 , 어떤 프로젝트를 Watch 혹은 Fork하시나요?
1818* 자주 보는 Blog가 있습니까?
19- * 어떠한 버전 관리 시스템을 사용해보셨습니까?
19+ * 버전 관리 시스템은 어떤 것들을 사용해보셨습니까?
2020* 선호하는 개발 환경은 무엇입니까? (운영체제, 에디터, 브라우저, 도구 등등)
2121* 당신이 웹 페이지를 만들 때의 과정을 설명 해주실 수 있을까요?
22- * 점진적 향상법(progressive enhancement)과 우아한 성능저하법(graceful degradation)의 차이를 설명 하실 수 있습니까?
22+ * 점진적 향상법(progressive enhancement)과 우아한 성능저하법(graceful degradation)의 차이를 설명하실 수 있습니까?
2323* "누구도 성공하지 못합니다" 라고 말하면 보너스 포인트를 주세요.
2424* 각 특색을 설명을 한다면, 더 높은 보너스 포인트를 주세요.
25- * "시멘틱 HTML(Semantic HTML)"이 무엇을 뜻하는지 설명 해주세요 .
25+ * "시멘틱 HTML(Semantic HTML)"이 무엇을 뜻하는지 설명해주세요 .
2626* "최소화(minification)"가 무엇을 하는 것입니까?
2727* 여러 도메인을 이용하여 서버 사이트 데이터를 제공하는 것이 더 나은 이유는 무엇인가요?
2828* 브라우저가 한 번에 1개의 도메인에서 다운로드 받는 리소스는 몇 개 인가요?
4040
4141## HTML에 관련된 질문들:
4242
43- * 'doctype'이 무엇을 하는 것이고, 몇 번 지정을 할 수 있나요?
43+ * 'doctype'이 무엇을 하는 것이고, 몇 번 지정할 수 있나요?
4444* 표준모드(standards mode)와 쿽스모드(quirks mode)의 다른 점은 무엇인가요?
4545* XHTML을 이용한 페이지의 한계점은 무엇이 있나요?
4646* 'application/xhtml+xml'으로 지정한 페이지에 어떠한 문제가 있나요?
47- * 다국어로된 내용물을 가진 페이지를 어떠한 방식으로 제공하나요?
47+ * 다국어가 포함된 페이지는 어떤 방식으로 제공하나요?
4848* HTML5에서 XHTML문법을 사용할 수 있나요? HTML5에서 XML을 어떻게 사용하나요?
4949* 'data-'속성은 무엇을 하는 것인가요?
50- * HTML4에서 콘텐츠 모델(content models)은 무엇이며, HTML5의 그 것과 다른 점은 무엇인가요?
51- * 열린 웹 플랫폼 (open web platform)으로서 HTML5를 고려합니다. 어떠한 HTML5의 구성요소를 사용하나요 ?
52- * 쿠키(Cookies)와 세션저장소(sessionStorage)와 로컬저장소(localStorage)의 차이점을 설명 해주세요 .
50+ * HTML4에서 콘텐츠 모델(content models)은 무엇이며, HTML5의 그것과 다른 점은 무엇인가요?
51+ * HTML5를 오픈웹플랫폼 (open web platform)으로 생각해본다면, 어떤 것들로 구성돼 있을까요 ?
52+ * 쿠키(Cookies)와 세션저장소(sessionStorage)와 로컬저장소(localStorage)의 차이점을 설명해주세요 .
5353
5454## Javascript에 관련된 질문들:
5555
5656* 사용해 본 Javascript 라이브러리들을 말씀해주세요.
5757* Java와 Javascript의 다른 점은 무엇인가요?
5858* 'undefined'와 'undeclared' 변수는 무엇인가요?
59- * 클로져(Closure)는 무엇이며, 어떻게 사용하는지와 어떨때 사용하는지 설명해주세요.
60- * 그것을 생성하기 위한 당신이 선호하는 패턴은 무엇인가요? argyle (IIFEs에만 적용할 수 있다)
61- * 어떠한 상황에서 일반적으로 익명함수(anonymous functions)를 사용하나요?
59+ * 클로져(Closure)는 무엇이며, 어떻게/왜 사용하는지 설명해주세요.
60+ * 클로져를 만들 때 선호하는 패턴은 무엇인가요? argyle (IIFEs에만 적용할 수 있다)
61+ * 익명함수(anonymous functions)는 주로 어떤 상황에서 사용하나요?
6262* "Javascript 모듈 패턴(Javascript module pattern)"이 무엇인지 설명을 해주시고, 언제 사용하는지도 말씀해주시기 바랍니다.
6363* "네임스페이스(namespacing)"에 대해서 언급을 하면, 보너스 포인트가 있습니다.
6464* 당신의 모듈이 네임스페이스가 없는 상황이라면?
@@ -70,34 +70,33 @@ function Person(){} var person = Person() var person = new Person()
7070```
7171* '.call'과 '.apply'의 차이점은 무엇인가요?
7272* 'Function.prototype.bind'을 설명 하시오
73- * 어느 순간에 당신의 코드를 최적화 하나요 ?
74- * Javascript에서 어떻게 상속을 하는지 설명 할 수 있나요?
73+ * 코드 최적화를 하는 시점은 언제인가요 ?
74+ * Javascript에서 어떻게 상속을 하는지 설명할 수 있나요?
7575* "누구도 할 수 없어요" 같은 재밌는 대답 시에 보너스 포인트가 있습니다.
76- * 안되는 이유에 대해서 설명을 시도 한다면 , 더 많은 점수를 주세요.
76+ * 안되는 이유에 대해서 설명을 시도한다면 , 더 많은 점수를 주세요.
7777* 'document.write()'를 언제 사용하시나요?
7878* 정답 : 1999년 - 초보개발자를 걸러내기 위한 시절
7979* UA문자열을 이용하여 기능 검출(feature detection)과 기능 추론(feature inference)의 차이점을 설명 하시오.
8080* AJAX에 관해 가능한 자세히 설명하세요.
81- * JSONP가 어떻게 동작 되는지 설명 하세요 .(그리고,실제 AJAX와 어떻게 다른지 설명하세요.)
82- * 기존에 Javascript 템플릿을 사용한적이 있나요? 만약에 있다면, 어떠한 방식으로 사용했는지 말씀해주세요.
81+ * JSONP가 어떻게 동작 되는지 설명하세요 .(그리고,실제 AJAX와 어떻게 다른지 설명하세요.)
82+ * 기존에 Javascript 템플릿을 사용한 적이 있나요? 만약에 있다면, 어떠한 방식으로 사용했는지 말씀해주세요.
8383* "호스팅(Hosting)"에 대해서 설명 하시오.
8484* FOUC가 무엇이며 FOUC를 어떻게 방지하나요?
85- * 이벤트 버블링(Event Bubbling)에 대해서 설명 하세요 .
85+ * 이벤트 버블링(Event Bubbling)에 대해서 설명하세요 .
8686* "속성(Attribute)"와 "요소(property)"의 차이가 무엇인가요?
8787* Javascript 객체를 확장하는 것이 좋지 않은 이유는 무엇인가요?
8888* Document Load 이벤트와 Ready 이벤트의 차이가 무엇인가요?
8989* '=='와 '==='의 차이점은 무엇인가요?
90- * 브라우저의 URL에서 파라메터를 얻을 수 있는 방법에 대해서 설명하시오.
91- * Javascript의 "동일출처정책(the same-origin policy)"에 대해서 설명 하세요.
92- * 이벤트 딜리게이션(Event Delegation)에 대해서 설명 하세요.
93- * Describe inheritance patterns in JavaScript.
94- * Javascript의 상속패턴(inheritance patterns)에 대해서 설명 하세요.
95- * 다음을 동작되게 만드세요.
90+ * 브라우저의 URL에서 파라메터를 얻을 수 있는 방법에 대해서 설명하세요.
91+ * Javascript의 "동일출처정책(the same-origin policy)"에 대해서 설명하세요.
92+ * 이벤트 딜리게이션(Event Delegation)에 대해서 설명하세요.
93+ * Javascript의 상속패턴(inheritance patterns)에 대해서 설명하세요.
94+ * 다음 코드를 동작하게 만드세요.
9695``` javascript
9796[1 ,2 ,3 ,4 ,5 ].duplicator (); // [1,2,3,4,5,1,2,3,4,5]
9897```
99- * Javascript 에서 반복적으로 계산 되는것을 방지하기 위한 기억장소 활용 전략을 설명 해주세요 .
100- * 상항식 (Ternary statement)을 사용하는 이유는 무엇이고, 그것을 표현하기 위한 연산자 단어는 무엇인가요?
98+ * Javascript에서 메모이제이션(memoization, 중복 계산 방지)에 대한 전략을 설명해주세요 .
99+ * 삼항식 (Ternary statement)을 사용하는 이유는 무엇이고, 그것을 표현하기 위한 연산자 단어는 무엇인가요?
101100* arity는 어떠한 함수인가요?
102101
103102## Javascript 코드 예제:
@@ -131,37 +130,37 @@ var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); ale
131130
132131* "체이닝(Chaining)"에 대해서 설명 하세요.
133132* '.end()'는 무엇을 하는 것입니까?
134- * 이벤트 헨들러 선언시 , 언제 그리고 왜 namespace를 부여하는지를 설명 해주세요 .
133+ * 이벤트 핸들러 선언 시 , 언제 그리고 왜 namespace를 부여하는지를 설명해주세요 .
135134* 이펙트 큐(queue)라는 것은 무엇인가요?
136135* '.get()','[ ] ' 그리고 '.eq()'의 차이점이 무엇인가요?
137136* '.bind()','.live()'그리고 '.delegate()'의 차이점이 무엇인가요?
138- * '$'과 '$.fn' 차이점이 무엇인지 설명 해주시오. 혹은, '$.fn'가 무엇인지 설명 해주세요 .
137+ * '$'과 '$.fn' 차이점이 무엇인지 설명 해주시오. 혹은, '$.fn'가 무엇인지 설명해주세요 .
139138* 다음 Selector를 최적화 해주세요.:
140139``` javascript
141140$ (" .foo div#bar:eq(0)" )
142141```
143142
144143## CSS 관련 질문들:
145144
146- * "reset"CSS가 무엇인지, 어떻게 유용한지 설명 해주세요.
147- * Floats가 어떻게 동작 되는지 설명 해주세요 .
148- * 다양한 클리어링(Clearing) 기술이 어떤 것이 있으며 어떠한 경우에 어떻게 사용하는 것이 적절한지 설명 하세요 .
149- * CSS 스프라이트(CSS Sprites)를 설명하고, 페이지나 사이트를 어떻게 향상시키는지 설명 하시오 .
145+ * "reset" CSS가 무엇인지, 어떻게 유용한지 설명 해주세요.
146+ * Floats가 어떻게 동작하는지 설명해주세요 .
147+ * 클리어링(Clearing) 기술에는 어떤 것들이 있으며, 어떠한 경우에 어떻게 사용하는 것이 적절한지 설명하세요 .
148+ * CSS 스프라이트(CSS Sprites)를 설명하고, 페이지나 사이트를 어떻게 향상시키는지 설명하시오 .
150149* IE box model과 W3C box model의 차이점을 설명하시오.
151150* 이미지 교체를 해야 할때, 선호하는 기술과 언제 사용하는지를 설명 해주세요.
152151* CSS 요소핵(CSS property hacks)을 조건부적으로 .css파일안에 넣으시나요 혹은 다른 방식이 있나요?
153152* 기능이 제약된 브라우저를 위해서 어떤 방식으로 페이지를 만드나요?
154153* 어떠한 기술과 절차를 거치는지 설명하시오.
155154* 컨텐츠를 안보이게 하는 기술들의 차이점을 설명하시오.(그리고 스크린 리더(Screen readers)에서 접근이 가능한 방법은?)
156155* 그리드 시스템(Grid system)을 사용한 적이 있나요? 있다면 어떠한 것을 선호하나요?
157- * 미디어 쿼리(media queries)를 사용한 적이 있나요? 혹은 모바일에 맞는 layour과 CSS를 사용한 적이 있나요?
156+ * 미디어 쿼리(media queries)를 사용한 적이 있나요? 혹은 모바일에 맞는 layout과 CSS를 사용한 적이 있나요?
158157* SVG를 스타일링 하기 위한 편한 방법이 있나요?
159158* 인쇄를 하기 위해 웹페이지를 어떻게 최적화 하나요?
160- * " gotchas"를 위한 효과적인 CSS작성법은 ?
159+ * 효율적인 CSS를 작성하기 위한 "비법( gotchas)"은 어떤 게 있나요 ?
161160* CSS 전처리(CSS preprocessors)를 사용해보셨나요?
162- * 그렇다면, 사용 경험에 기반해 좋았던 점과 나빴던 점을 설명 해주세요 .
161+ * 그렇다면, 사용 경험에 기반해 좋았던 점과 나빴던 점을 설명해주세요 .
163162* 페이지에서 표준 폰트가 아닌 폰트 디자인을 사용할 때 어떤 방식으로 처리하시나요?(웹폰트를 제외하고)
164- * CSS Selector가 어떠한 원리로 동작 하는지 설명 하시오 .
163+ * CSS Selector가 어떠한 원리로 동작하는지 설명하시오 .
165164
166165## 그 외 흥미로운 질문들:
167166
@@ -179,5 +178,5 @@ $(".foo div#bar:eq(0)")
179178* 만약에 웹개발을 안했다면, 무엇을 했었을까요?
180179* Carmen Sandiego는 세상의 어디에 있을가요?(힌트 : 그들의 답은 항상 틀릴겁니다.)
181180* Internet Explorer의 당신이 좋아하는 기능은 무엇입니까?
182- * 다음 문장을 완성 하세요 : Brendan Eich 와 Doug Crockford 는 Javascript의 _________ _ 이다.
181+ * 다음 문장을 완성하세요 : Brendan Eich 와 Doug Crockford 는 Javascript의 _________ _ 이다.
183182* jQuery: 훌륭한 라이브러리인가요? 최고로 좋은 라이브러리인가요? 토론하세요.
0 commit comments