• Posts
    • JavaScript (38)
    • Browser (3)
    • HTML/CSS (3)
    • Regular Expression (1)
    • RxJS (6)
    • IDE (1)
    • Node.js (1)
    • Git (1)
    • Functional Programming (1)
  • Portfolio
  • Open Source
  • Resume
  • Ideas
  • Posts
    • JavaScript (38)
    • Browser (3)
    • HTML/CSS (3)
    • Regular Expression (1)
    • RxJS (6)
    • IDE (1)
    • Node.js (1)
    • Git (1)
    • Functional Programming (1)
  • Portfolio
  • Open Source
  • Resume
  • Ideas
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํŒจํ„ด - 2

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํŒจํ„ด - 2...

๊ณต์žฅ์˜ ์—ญํ• ์€ ๋ฌผ๊ฑด์„ ์ƒ์‚ฐํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ํ”„๋กœ๊ทธ๋ž˜๋ฐ์—์„œ๋„ ๊ฐ™์€ ์ผ์„ ์ˆ˜ํ–‰ํ•œ๋‹ค. ํ”„๋กœ๊ทธ๋ž˜๋ฐ์—์„œ์˜ ํŒฉํ† ๋ฆฌ๋Š” ๊ฐ์ฒด๋“ค์„ ์ƒ์„ฑํ•œ๋‹ค....

javascriptpatterndesign pattern๋””์ž์ธํŒจํ„ดfactoryํŒฉํ† ๋ฆฌ
2017-10-25 22:47
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํŒจํ„ด - 1

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํŒจํ„ด - 1...

๋””์ž์ธ ํŒจํ„ด์€ ํŠน์ • ๋ฌธ๋งฅ์—์„œ ๊ณตํ†ต์ ์œผ๋กœ ๋ฐœ์ƒํ•˜๋Š” ๋ฌธ์ œ์— ๋Œ€ํ•œ ์žฌ์‚ฌ์šฉ๊ฐ€๋Šฅํ•œ ํ•ด๊ฒฐ์ฑ…์ด๋‹ค. ๋จผ์ €, ์ œ์ผ ๊ฐ„๋‹จํ•œ ์‹ฑ๊ธ€ํ†ค์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ๋‹ค....

javascriptpatterndesign pattern๋””์ž์ธํŒจํ„ดsingleton์‹ฑ๊ธ€ํ†ค
2017-10-24 21:38
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์Œ์„ฑ ํ•ฉ์„ฑ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์Œ์„ฑ ํ•ฉ์„ฑ...

Web Speech API์˜ SpeechSynthesis๋Š” ์Œ์„ฑ ์„œ๋น„์Šค์˜ ์ปจํŠธ๋กค๋Ÿฌ ์ธํ„ฐํŽ˜์ด์Šค๋กœ ์ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์žฅ์น˜์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ํ•ฉ์„ฑ ์Œ์„ฑ์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ ๊ฐ€์ ธ์˜ค๊ณ , ์Œ์„ฑ ์žฌ์ƒ ๋“ฑ์˜ ์—ญํ• ์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค€๋‹ค....

javascriptspeech synthesis์Œ์„ฑ ํ•ฉ์„ฑ
2017-10-23 20:15
CSS์˜ calc()

CSS์˜ calc()...

CSS ํ•จ์ˆ˜ calc()๋Š” CSS3์— ์ถ”๊ฐ€๋œ ๊ธฐ๋Šฅ ์ค‘ ํ•˜๋‚˜๋กœ, ๊ณ„์‚ฐ์„ ํ•ด์ฃผ๋Š” ์†์„ฑ์ด๋‹ค. calc()๋Š” <length> <frequency>, <angle>, <time>, <number>, ๋˜๋Š” <integer> ๊ฐ€ ํ•„์š”ํ•œ ๊ณณ ์–ด๋””์„œ๋“  ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๋ฉฐ,...

csscalc
2017-10-15 19:46
Critical Rendering Path๋ž€?

Critical Rendering Path๋ž€?...

Critical Rendering Path(CRP)๋Š” ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ HTML ์‘๋‹ต์„ ๋ฐ›์•„ ํ™”๋ฉด์„ ๊ทธ๋ฆฌ๊ธฐ ์œ„ํ•ด ์‹คํ–‰ํ•˜๋Š” ๊ณผ์ •์ด๋‹ค....

javascriptbrowsercritical rendering pathdomcssom
2017-10-15 18:03
JavaScript์—์„œ Object ๋ณต์‚ฌํ•˜๊ธฐ

JavaScript์—์„œ Object ๋ณต์‚ฌํ•˜๊ธฐ...

๊ฐ์ฒด๊ฐ€ ์•„๋‹Œ Primitive์˜ ๊ฐ’์„ ๋ณต์‚ฌํ•˜๋ ค๋ฉด ๋‹จ์ˆœํžˆ b = a์™€ ๊ฐ™์ด ๋ณ€์ˆ˜์— ๋ณต์‚ฌํ•˜๊ณ ์ž ํ•˜๋Š” ๋ณ€์ˆ˜๋ฅผ ๋Œ€์ž…ํ•˜๋ฉด ๋œ๋‹ค. ํ•˜์ง€๋งŒ, ๊ฐ์ฒด์—์„œ๋Š” b = a์™€ ๊ฐ™์€ ๋ฐฉ๋ฒ•์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋‹ค. ๊ฐ์ฒด๋ฅผ ์ฐธ์กฐํ•˜๋Š” ๋ณต์‚ฌ๊ฐ€ ์ด๋ฃจ์–ด์ง€๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค....

javascriptobjectjavascript ๊ธฐ์ดˆ
2017-10-14 23:06
Lodash๋กœ ์ข€ ๋” ๊ฐ„๊ฒฐํ•œ Reducer ์ฝ”๋“œ ์ž‘์„ฑํ•˜๊ธฐ

Lodash๋กœ ์ข€ ๋” ๊ฐ„๊ฒฐํ•œ Reducer ์ฝ”๋“œ ์ž‘์„ฑํ•˜๊ธฐ...

์ผ๋ฐ˜์ ์œผ๋กœ ๋ฆฌ๋“€์„œ์—์„œ ์•ก์…˜์˜ ํƒ€์ž…์— ๋”ฐ๋ผ ๋‹ค๋ฅธ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๊ธฐ ์œ„ํ•ด switch๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. ์ด ๋•Œ, ๊ฐ case๋งˆ๋‹ค ๋ธ”๋ก์œผ๋กœ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ์ด์ƒ ์Šค์ฝ”ํ”„์˜ ๋ฒ”์œ„๋Š” switch์˜ ๋ธ”๋ก์ด๋‹ค....

javascriptreactjsreduxlodashfunctional programming
2017-10-07 00:26
Redux ํŠœํ† ๋ฆฌ์–ผ

Redux ํŠœํ† ๋ฆฌ์–ผ...

Redux๋Š” ์ƒํƒœ๋ฅผ ๊ด€๋ฆฌํ•ด์ฃผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋กœ React JS, Vue JS ๋“ฑ๊ณผ ํ•จ๊ป˜ ์‚ฌ์šฉ๋˜๋ฉฐ, ํฐ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์ƒํƒœ๋ฅผ ๋ณด๋‹ค ์‰ฝ๊ฒŒ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ค€๋‹ค....

javascriptreactjsreduxflux
2017-10-05 20:39
  • 3
  • 4
  • 5
  • 6
  • 7
Theme by @wonism
ย ย ย ย ย ย ย ย ย ย ย ย