ํ‹ฐ์Šคํ† ๋ฆฌ ๋ทฐ

์ผ๋ฐ˜์ ์ธ ์งˆ๋ฌธ:


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๋Š” ์–ด๋– ํ•œ ํ•จ์ˆ˜์ธ๊ฐ€์š”?



'์›น ์ฝ”๋”ฉ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

css ๊ธฐ๋ณธ๊ทœ์น™  (0) 2017.03.21
Yslow์„ฑ๋Šฅ ํ–ฅ์ƒ Tip  (0) 2017.03.21
CSS Naming Guidelines  (0) 2017.03.21
๋Œ“๊ธ€
๊ณต์ง€์‚ฌํ•ญ
์ตœ๊ทผ์— ์˜ฌ๋ผ์˜จ ๊ธ€
์ตœ๊ทผ์— ๋‹ฌ๋ฆฐ ๋Œ“๊ธ€
Total
Today
Yesterday
ยซ   2024/03   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
๊ธ€ ๋ณด๊ด€ํ•จ