20 POSTS

Page 6

  • #javascript#testing

    ์ข‹์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋ฅผ ์งœ๋Š” ๋ฐฉ๋ฒ•

    ๊ฐœ๋ฐœ์ž๋Š” ์ฝ”๋“œ๋กœ ๋ˆ์„ ๋ฒŒ์ง€, ํ…Œ์ŠคํŠธ๋กœ ๋ฒ„๋Š” ์‚ฌ๋žŒ์ด ์•„๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ํ…Œ์ŠคํŠธ๋Š” ์ฃผ์–ด์ง„ ์‹ ๋ขฐ์— ๋„๋‹ฌํ•  ์ˆ˜ ์žˆ๊ฒŒ ์ตœ๋Œ€ํ•œ ๊ฐ„๊ฒฐํ•˜๊ฒŒ ์ž‘์„ฑ๋˜์–ด์•ผ ํ•œ๋‹ค.

    22๋ถ„
  • #javascript#nodejs#dependency-management

    package.json์— ์Œ“์—ฌ์žˆ๋Š” ๊ฐœ๋ฐœ ๋ถ€์ฑ„

    ์„ค์น˜์™€ ์—…๋ฐ์ดํŠธ ์‹œ์—๋Š” ์‹ ์ค‘์— ์‹ ์ค‘์„.

    12๋ถ„
  • #html#frontend

    HTML์€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์ธ๊ฐ€? ๋ผ๋Š” ๋…ผ์Ÿ๋ณด๋‹ค ์ค‘์š”ํ•œ ๊ฒƒ

    ๋”์ด์ƒ HTML ๋…ผ๋ž€์€,, ๋„ค์ด๋ฒ„,,,

    13๋ถ„
  • #devops#frontend#ci-cd

    ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋กœ์ ํŠธ๋ฅผ ์œ„ํ•œ github CI workflow

    ์‚ฌ๋ž‘ํ•ด์š” Github

    11๋ถ„
  • #react#web-performance

    ๋ฆฌ์•กํŠธ 18์—์„œ ๋ณ€๊ฒฝ๋  ์ƒˆ๋กœ์šด SSR ์•„ํ‚คํ…์ณ

    ๋”ฐ๋ผ๊ฐ€๋Š” ๊ฒƒ๋งŒ ํ•ด๋„ ๋ฐ”์œ ์ธ์ƒ

    32๋ถ„
  • #web-performance

    Critical Request - request ์ˆœ์„œ๋Š” ์›น์‚ฌ์ดํŠธ ์†๋„์— ์–ด๋–ค ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š”๊ฐ€

    ์„œ์ˆœ์„ ์ •ํ™•ํžˆํ•˜๋Š”๊ฒŒ ์ค‘์š”ํ•˜์ง€

    12๋ถ„
  • #browser#css#frontend

    ์›น ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ณธ ์‚ฌํŒŒ๋ฆฌ 15์˜ ๋ณ€ํ™”์™€ ๋Œ€์‘

    ์ฃฝ์ธ๋‹ค ์‚ฌํŒŒ๋ฆฌ

    5๋ถ„
  • #javascript

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ์˜ ์ •๊ทœ์‹, ์ด๋ก ๋ถ€ํ„ฐ ์กฐ์‹ฌํ•ด์•ผ ํ•  ๊ฒƒ ๊นŒ์ง€

    ์•„์ง๋„ ์ •๊ทœ์‹์ด๋ž‘ ์•ˆ ์นœํ•จ. ์˜ค๋Š˜๋ถ€ํ„ฐ 1์ผ....

    13๋ถ„
  • #javascript#react

    ๋น„๋™๊ธฐ ํ•จ์ˆ˜ memoize ํ•˜๋Š” ๋ฐฉ๋ฒ•

    memo, useMemo, useCallback, ๊ทธ๋ฆฌ๊ณ ...

    6๋ถ„
  • #javascript#security

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ์•ˆ์ „ํ•˜๊ฒŒ ๋‚œ์ˆ˜ ์ƒ์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•

    Math.random()๋„ ์ž˜๋ชป ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋”๋Ÿฌ ์žˆ์Œ

    7๋ถ„
  • #nodejs#javascript

    Nodejs์˜ ์ด๋ฒคํŠธ ๋ฃจํ”„ ์‚ดํŽด๋ณด๊ธฐ

    ์ด๋ฒคํŠธ ๋ฃจํ”„๋Š” 4๊ฐœ์˜ ํ, ๊ทธ๋ฆฌ๊ณ  2๊ฐœ์˜ ์ค‘๊ฐ„ ํ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

    11๋ถ„
  • #typescript

    ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ ์ œ๋„ค๋ฆญ์€ ์ ์ ˆํ•œ ๋„ค์ด๋ฐ๊ณผ ํ•จ๊ป˜ ์‚ฌ์šฉํ•˜์ž

    ๋ฌด์ง€์„ฑ T, U, K ๋ฉˆ์ถฐ!

    6๋ถ„
  • #javascript#web-performance

    ํŠธ๋ฆฌ์‰์ดํ‚น์œผ๋กœ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‚ฌ์ด์ฆˆ ์ค„์ด๊ธฐ

    ํŠธ๋ฆฌ์‰์ดํ‚น์€ ์ง์ ‘ ํ•ด๋“œ์„ธ์š” ์ œ๋ฐœ

    13๋ถ„
  • #javascript#error-handling#async

    uncaught async error๋ฅผ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์ฒ˜๋ฆฌํ•˜๊ธฐ

    async๊ฐ€ ์žˆ์œผ๋ฉด ํ•จ์ˆ˜ ์‹คํ–‰์ด ๋’ค๋กœ ๋„˜์–ด๊ฐ„๋‹ค๋‹ˆ๊นŒ์š”?

    7๋ถ„
  • #web-performance#javascript

    requestIdleCallback์œผ๋กœ ์ตœ์ ํ™”ํ•˜๊ธฐ

    ๋‚ด ์ธ์ƒ์€ ์–ธ์ œ idle ํ•  ๊ฒƒ์ธ๊ฐ€

    9๋ถ„
  • #nodejs#backend

    ๋น„๋™๊ธฐ ๋ฆฌ์†Œ์Šค (async resources)์™€ ๋น„๋™๊ธฐ ํ›… (async hooks) ์ดํ•ดํ•˜๊ธฐ

    ๋น„๋™๊ธฐ๋กœ ๋ถˆํƒ€๋Š” ๊ธˆ์š”์ผ

    15๋ถ„
  • #javascript#nodejs#browser

    ๋ธŒ๋ผ์šฐ์ €์™€ Nodejs์˜ ์ด๋ฒคํŠธ ๋ฃจํ”„๋Š” ๋ฌด์—‡์ด ๋‹ค๋ฅผ๊นŒ

    ์ธ์ƒ์€ ๋Œ๊ณ  ๋„๋Š” ์ด๋ฒคํŠธ ๋ฃจํ”„

    16๋ถ„
  • #web-performance#javascript#browser

    ์›น ํŽ˜์ด์ง€์—์„œ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฉ”๋ชจ๋ฆฌ ์‚ฌ์šฉ๋Ÿ‰ ๋ฒค์น˜๋งˆํ‚น

    ๋ถ„์„ํ•  ๋•Œ ๋งˆ๋‹ค ํ•œ์ˆจ์ด ๋‚˜์˜ค๋Š” ๊ทธ๊ฒƒ

    13๋ถ„
  • #web-performance

    ์›น์‚ฌ์ดํŠธ์˜ ์„ฑ๋Šฅ์ง€ํ‘œ, Core Web Vital

    ์กฐ๋งŒ๊ฐ„ ์›น์‚ฌ์ดํŠธ ํ•˜๋‚˜์”ฉ ๋ถ„์„ํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค

    10๋ถ„
  • #javascript

    promise.then(f, f) vs promise.then(f).catch(f) ๋Š” ๋ฌด์—‡์ด ๋‹ค๋ฅผ๊นŒ?

    ๋ฅ๋‹ค ๋”์›Œ

    3๋ถ„