20 POSTS

Page 9

  • #nodejs#backend

    Nodejs์—์„œ ๋กœ๊น…ํ•˜๊ธฐ

    ์–ด์ฉŒ๋‹ค ๋ณด๋‹ˆ nodejs๋„ ํ•˜๊ณ  ์žˆ๐Ÿคฃ

    6๋ถ„
  • #react#javascript

    useEffect์™€ ๋ฉ”๋ชจ๋ฆฌ ๋ˆ„์ˆ˜

    https://overreacted.io/a-complete-guide-to-useeffect/ ๋„ ์‹œ๊ฐ„๋‚˜๋ฉด ์ฝ์–ด๋ณด์„ธ์šฉ

    3๋ถ„
  • #javascript

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ฐฐ์—ด, ๊ทธ๋ฆฌ๊ณ  ์ดํ„ฐ๋Ÿฌ๋ธ”๊ณผ ์ดํ„ฐ๋ ˆ์ดํ„ฐ (ES6)

    ์ดํ„ฐ๋Ÿฌ๋ธ”๊ณผ ์ดํ„ฐ๋ ˆ์ดํ„ฐ ์ด๋ฆ„์ด ํ—ท๊ฐˆ๋ฆผ

    6๋ถ„
  • #javascript

    ๋‚˜๋งŒ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ polyfill ๋งŒ๋“ค๊ณ  ๊ณต๋ถ€ํ•˜๊ธฐ

    ์–ด๋”” ์žฌ๋ฐŒ๋Š” ๊ธ€ ์—†๋‚˜

    7๋ถ„
  • #javascript#async

    no return, await, return, await return ์˜ ์ฐจ์ด

    try catch ๋ธ”๋ก์—์„œ๋Š” ๋™์ž‘์ด ๋‹ค๋ฅด๋„ค

    3๋ถ„
  • #javascript

    null๊ณผ undefined์˜ ์ฐจ์ด, ๊ทธ๋ฆฌ๊ณ  ์—ญ์‚ฌ

    ์ด๋Ÿฐ ๊ฒƒ ๋˜ํ•œ ๋งค๋ ฅ์ด๋ผ๋ฉด ๋งค๋ ฅ์ด ์•„๋‹ˆ๋‹ค

    4๋ถ„
  • #web-performance#css

    CSS์™€ ์›นํŽ˜์ด์ง€ ์„ฑ๋Šฅ๊ณผ์˜ ๊ด€๊ณ„

    ๋‚ด ์ผ์ด ์•„๋‹ˆ๋ผ๊ณ  ์ƒ๊ฐํ•˜๋ฉด ๊ด€์‹ฌ์ด ์•ˆ๊ฐ€๋”๋ผ๊ณ 

    10๋ถ„
  • #nextjs#frontend

    Nextjs์—์„œ Server Side props๋ฅผ ์ƒˆ๋กœ๊ณ ์นจํ•˜๊ธฐ

    ํ•ญ์ƒ ๊ฐ์‚ฌํ•˜์‹ญ์‹œ์˜ค and I also, nextjs ์กฐ์•„

    3๋ถ„
  • #devops#github

    Github action cron์ด ์ œ์‹œ๊ฐ„์— ์‹คํ–‰๋˜์ง€ ์•Š๋Š” ๋ฌธ์ œ

    Github์— ์‹ค๋งํ–ˆ์Šต๋‹ˆ๋‹ค ใ… ใ… 

    3๋ถ„
  • #css#frontend

    overflow: auto vs overflow: scroll ์™œ ์œˆ๋„์šฐ์—์„œ๋งŒ ์“ธ๋ชจ์—†๋Š” ์Šคํฌ๋กค๋ฐ”๊ฐ€ ๋…ธ์ถœ๋ ๊นŒ

    ๋งจ๋‚  ๋งฅ๋งŒ ๋ด์„œ ์ด๋Ÿฐ ์ค„๋„ ๋ชฐ๋ž๋‹ค ๋ฐ˜์„ฑํ•ฉ๋‹ˆ๋‹ค

    4๋ถ„
  • #web-performance

    ๊ทธ๋Ÿฐ๋ฐ ์™œ brotli๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์ผ๊นŒ? ๐Ÿค”

    ํ•ญ์ƒ ์™œ ๊ทธ๋Ÿด๊นŒ๋ฅผ ๊ณ ๋ฏผํ•ด ๋ด์•ผ ํ•˜๋Š” ๊ฒƒ ๊ฐ™๋‹ค

    9๋ถ„
  • #nodejs#design-patterns

    ๊ฐœ๋ฐœ์ž๊ฐ€ ์•Œ์•„์•ผ ํ•˜๋Š” 4๊ฐ€์ง€ nodejs ๋””์ž์ธ ํŒจํ„ด

    ์˜›๋‚  ์Šคํƒ€์ผ์˜ ๊ฐ€๋Šฅํ•œ ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ

    8๋ถ„
  • #web-performance

    ๋” ๋‚˜์€ ์••์ถ• ์•Œ๊ณ ๋ฆฌ์ฆ˜, Brotli

    ์™œ ์ด๊ฑธ ์ด์ œ ์•Œ์•˜๋‚˜ ์ž๊ดด๊ฐ ๋“ค๊ณ  ๊ดด๋กœ์›Œ

    4๋ถ„
  • #javascript

    ES2021 ๋ฏธ๋ฆฌ๋ณด๊ธฐ

    2021๋…„์—” ์“ธ๋งŒํ•œ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ธธ ๋ฐ”๋ผ๋ฉฐ

    3๋ถ„
  • #javascript#async

    map๊ณผ reduce์—์„œ async await ์‚ฌ์šฉํ•˜๊ธฐ

    ๋‹น์—ฐํ•œ๊ฑฐ ์•„๋‹˜?

    2๋ถ„
  • #web-performance#browser#security

    ํŒŒํ‹ฐ์…”๋‹ ์บ์‹œ (partitioning cache)

    Google Font ๋ฅผ ์จ๋„ ์ด์ œ ์บ์‹œ ํšจ๊ณผ๋Š” ๋ชป๋ฐ›๊ฒ ๋„ค์š”

    8๋ถ„
  • #career#nextjs#typescript

    2020๋…„ ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ ํšŒ๊ณ 

    ์ด๊ฑฐ ์ข€ ์žฌ๋ฐŒ๋„ค์—ฌ

    14๋ถ„
  • #javascript#web-performance

    ๋” ๋น ๋ฅธ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์œ„ํ•œ ๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ

    ์•„๋‹ˆ ๊ทธ๋ž˜์„œ IE 11 ์–ธ์ œ ์—†์•จ ๊ฑด๋ฐ์š”

    12๋ถ„
  • #nextjs#serverless#backend

    ์„œ๋ฒ„๋ฆฌ์Šค๋กœ ๋ธ”๋กœ๊ทธ ํฌ์ŠคํŠธ ์ธ๋„ค์ผ ์ƒ์„ฑํ•˜๊ธฐ

    ์–ด์ฐจํ”ผ ๋‚˜๋งŒ ๋ณผ๊ฑฐ์ž„ ใ…‹ใ……ใ…‹

    6๋ถ„
  • #javascript#web-performance

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ•จ์ˆ˜์˜ ์„ฑ๋Šฅ ์ธก์ •ํ•˜๊ธฐ

    ์‚ฌ์‹ค ์‹ค์ „์—์„œ ํ•ด๋ณธ์ ์€ ๊ฑฐ์˜ ์—†์Œ ๐Ÿ˜‡

    8๋ถ„