20 POSTS

Javascript 2

  • #javascript#web-performance

    ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ”„๋กœํŒŒ์ผ๋ง ํ•ด๋ณด๊ธฐ

    ํ•ด๋ดค์ง€๋งŒ ํ•ด๋ณด์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค

    24๋ถ„
  • #web-performance#javascript

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๊ฐ€ ๊ฐ€์ ธ์•ผํ•  ์ฑ…์ž„๊ฐ (2)

    ์•Œ์ง€๋งŒ ์™ ์ง€ ์„ ๋œป ๋‚ดํ‚ค์ง€ ์•Š๋Š” ์ตœ์ ํ™”, ์ด์œ ๊ฐ€ ๋ฌด์—‡์ผ๊นŒ ๐Ÿค”

    14๋ถ„
  • #javascript#web-performance#accessibility

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๊ฐ€ ๊ฐ€์ ธ์•ผํ•  ์ฑ…์ž„๊ฐ (1)

    ์ฑ…์ž„๊ฐ ์žˆ๋Š” ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๊ณ  ์žˆ๋Š”์ง€ ํ•ญ์ƒ ๋’ค๋Œ์•„๋ณด๊ธฐ

    16๋ถ„
  • #javascript

    ์ฝ๊ธฐ ์ข‹์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ ์ž‘์„ฑํ•˜๊ธฐ

    ๋‚˜๋Š”์•ผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ‚ค๋ณด๋“œ ์›Œ๋ฆฌ์–ด

    10๋ถ„
  • #javascript#testing

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

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

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

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

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

    12๋ถ„
  • #javascript

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

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

    13๋ถ„
  • #javascript#react

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

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

    6๋ถ„
  • #javascript#security

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

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

    7๋ถ„
  • #nodejs#javascript

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

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

    11๋ถ„
  • #javascript#web-performance

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

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

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

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

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

    7๋ถ„
  • #web-performance#javascript

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

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

    9๋ถ„
  • #javascript#nodejs#browser

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

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

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

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

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

    13๋ถ„
  • #javascript

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

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

    3๋ถ„
  • #javascript#dependency-management

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์˜์กด์„ฑ ๊ด€๋ฆฌ์ž(npm, yarn, pnpm)์—์„œ ๋ณด๋‹ค ๋” ์˜์กด์„ฑ ๊ด€๋ฆฌ ์ž˜ํ•˜๋Š” ๋ฐฉ๋ฒ•

    ์ผ๋‹จ ์ œ๋ชฉ์œผ๋กœ ์–ด๊ทธ๋กœ๋ฅผ ๋ˆ๋‹ค.

    15๋ถ„
  • #javascript

    Export์— ์ˆจ๊ฒจ์ ธ ์žˆ๋Š” ์‹ฌ์˜คํ•จ

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋ฉ‹์ ธ ์งœ๋ฆฟํ•ด ๋Š˜ ์ƒˆ๋กœ์›Œ

    11๋ถ„
  • #monorepo#build-tools#javascript

    npm workspace์™€ esbuild๋กœ monorepo ๊ตฌ์ถ•ํ•ด๋ณด๊ธฐ

    ๊ณ„์† ์ฐ๋จน๋งŒ ํ•ด๋ณด๋Š” ์ค‘

    10๋ถ„
  • #javascript#web-performance

    reduce์— spread ๋ฅผ ์“ฐ๋ฉด ์•ˆ๋˜๋Š” ์ด์œ 

    ์†”์งํžˆ ๋ญ”๊ฐ€ ๋ฉ‹์žˆ์–ด์„œ ๋งŽ์ด ์“ฐ๊ธด ํ•จ

    4๋ถ„