yceffort
EN
20 POSTS

Page 13

  • #react#state-management

    MobX๋ฅผ ๊ณต๋ถ€ํ•˜์ž (1)

    MobX 1ํŽ˜์ด์ง€ ์š”์•ฝ์— ๋Œ€ํ•œ ๊ฐ„๋‹จํ•œ ๋ฒˆ์—ญ

    13๋ถ„
  • #git

    Git Cheat Sheet

    ์ด์ œ git๋„ GUI ๋Œ€์‹ ์— ์ปค๋งจ๋“œ๋ฅผ ํ™œ์šฉํ•ด์„œ ์ž‘์—…ํ•ด๋ณด์ž.

    5๋ถ„
  • #javascript#nodejs

    CommonJS์™€ ES Modules์€ ์™œ ํ•จ๊ป˜ ํ•  ์ˆ˜ ์—†๋Š”๊ฐ€?

    [์ด ๊ธ€](https://redfin.engineering/node-modules-at-war-why-commonjs-and-es-modules-cant-get-along-9617135eeca1)์„ ๋ฒˆ์—ญ ์š”์•ฝํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค. ## CommonJS์™€ ES Modules์€ ์™œ ํ•จ๊ป˜ ํ•  ์ˆ˜ ์—†๋Š”๊ฐ€? [๋…ธ๋“œ14](https://nodejs.org/en/blog/r...

    11๋ถ„
  • #docker

    Docker ๊ณต๋ถ€ (3) - ๋„์ปค ์ด๋ฏธ์ง€

    ## ๋„์ปค ์ด๋ฏธ์ง€ npm์—์„œ ๋‹ค์–‘ํ•œ ๋„์ปค ๊ด€๋ จ ํŒจํ‚ค์ง€๋ฅผ ๊ด€๋ฆฌํ•˜๋“ฏ, ๋„์ปค๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ [Docker Hub](https://hub.docker.com/)๋ผ๋Š” ์ค‘์•™ ์ด๋ฏธ์ง€ ์ €์žฅ์†Œ์—์„œ ๋‹ค์–‘ํ•œ ์ด๋ฏธ์ง€๋ฅผ ๋‚ด๋ ค๋ฐ›์„ ์ˆ˜ ์žˆ๋‹ค. Docker Hub๋Š” ๋„์ปค๊ฐ€ ์ œ๊ณตํ•˜๊ณ  ์žˆ๋Š” ์ด๋ฏธ์ง€ ์ €์žฅ์†Œ๋กœ, ๋ˆ„๊ตฌ๋‚˜ ๋„์ปค ๊ณ„์ •์„ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค๋ฉด ์‰ฝ๊ฒŒ ์ด๋ฏธ์ง€๋ฅผ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋‹ค. `docker...

    5๋ถ„
  • #algorithm

    ํ”„๋กœ๊ทธ๋ž˜๋จธ ๊ธฐ์ดˆ ์ˆ˜ํ•™ 2-3 - ์œ ๋ฆฌ์ˆ˜, ๋ฌด๋ฆฌ์ˆ˜, ์‹ค์ˆ˜

    ์œ ๋ฆฌ์ˆ˜, ๋ฌด๋ฆฌ์ˆ˜, ์‹ค์ˆ˜

    5๋ถ„
  • #docker

    Docker ๊ณต๋ถ€ (2) - ๋„์ปค ๋„คํŠธ์›Œํฌ

    ## ๋„์ปค ๋„คํŠธ์›Œํฌ ๋„์ปค๋Š” ์ปจํ…Œ์ด๋„ˆ์— ๋‚ด๋ถ€ IP๋ฅผ ์ˆœ์ฐจ์ ์œผ๋กœ ํ• ๋‹นํ•˜๋ฉฐ, ์ด IP๋Š” ์ปจํ…Œ์ด๋„ˆ๊ฐ€ ์žฌ์‹œ์ž‘ ๋  ๋•Œ ๋งˆ๋‹ค ๋ณ€๊ฒฝ๋œ๋‹ค. ์ด ๋‚ด๋ถ€ IP๋Š” ๋‚ด๋ถ€๋ง์—์„œ๋งŒ ์“ธ ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ์™ธ๋ถ€์™€ ์—ฐ๊ฒฐ๋  ํ•„์š”๊ฐ€ ์žˆ๋Š”๋ฐ, ์ด ๊ณผ์ •์€ ์ปจํ…Œ์ด๋„ˆ๊ฐ€ ์‹œ์ž‘ํ•  ๋•Œ๋งˆ๋‹ค ํ˜ธ์ŠคํŠธ์— `veth` ๋ผ๋Š” ๋„คํŠธ์›Œํฌ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์ƒ์„ฑํ•˜๋ฉด์„œ ์ด๋ฃจ์–ด์ง„๋‹ค. ์ด `veth`์ธํ„ฐํŽ˜์ด์Šค๋Š” ์ง์ ‘ ์ƒ์„ฑํ•˜๋Š”๊ฒŒ ์•„๋‹ˆ๋ผ,...

    9๋ถ„
  • #docker

    Docker ๊ณต๋ถ€ (1) - ๋„์ปค ๊ธฐ์ดˆ๋ถ€ํ„ฐ ๋ณผ๋ฅจ ๊ณต์œ ๊นŒ์ง€

    `toc tight: true, from-heading: 2 to-heading: 3 ` ## Docker ๋Š” ๋ฌด์—‡์ธ๊ฐ€? ๋ฆฌ๋ˆ…์Šค ์ปจํ…Œ์ด๋„ˆ์— ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•˜์—ฌ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์ปจํ…Œ์ด๋„ˆ๋กœ์„œ ์ข€๋” ์‰ฝ๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋งŒ๋“  ์˜คํ”ˆ์†Œ์Šค. ์ด์— ๋Œ€ํ•ด ์ •๋ฆฌ ํ•ด ๋†“์€ [์ข‹์€ ๊ธ€](https://subicura.com/2017/01/19/docker-g...

    11๋ถ„
  • #algorithm

    ํ”„๋กœ๊ทธ๋ž˜๋จธ ๊ธฐ์ดˆ ์ˆ˜ํ•™ 2-2 - ๊ธฐ์ˆ˜๋ฒ•

    ๊ธฐ์ˆ˜๋ฒ•

    3๋ถ„
  • #devops#ci-cd

    Github actions ์š”์•ฝ

    # Github action ## Github action ์€ ๋ฌด์—‡์ธ๊ฐ€? github actions์€ ์‚ฌ์šฉ์ž ์ •์˜ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ ๋ผ์ดํ”„ ์‚ฌ์ดํด ์›Œํฌ ํ”Œ๋กœ์šฐ๋ฅผ github ๋ ˆํŒŒ์ง€ํ† ๋ฆฌ์— ์ง์ ‘ ๋งŒ๋“ค์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” ๋„๊ตฌ๋‹ค. > GitHub Actions enables you to create custom software development life c...

    9๋ถ„
  • #algorithm#mathematics

    ํ”„๋กœ๊ทธ๋ž˜๋จธ ๊ธฐ์ดˆ ์ˆ˜ํ•™ 2-1 - ์ •์ˆ˜

    ์ •์ˆ˜

    4๋ถ„
  • #webpack#web-performance

    Webpack์„ ํ™œ์šฉํ•œ ์„ฑ๋Šฅํ–ฅ์ƒ - ์บ์‹ฑ ํ™œ์šฉํ•˜๊ธฐ

    [Make use of long-term caching](https://developers.google.com/web/fundamentals/performance/webpack/use-long-term-caching)์„ ๋ฒˆ์—ญํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค. ์•ฑ ๋กœ๋”ฉ ์†๋„๋ฅผ ํ–ฅ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ• ์ค‘ ...

    16๋ถ„
  • #algorithm

    ํ”„๋กœ๊ทธ๋ž˜๋จธ ๊ธฐ์ดˆ ์ˆ˜ํ•™ 1-2 - ์ง‘ํ•ฉ

    ์ง‘ํ•ฉ

    5๋ถ„
  • #algorithm

    ํ”„๋กœ๊ทธ๋ž˜๋จธ ๊ธฐ์ดˆ ์ˆ˜ํ•™ 1-1 - ๋ช…์ œ์™€ ๋…ผ๋ฆฌ์—ฐ์‚ฐ

    ๋ช…์ œ์™€ ๋…ผ๋ฆฌ์—ฐ์‚ฐ

    5๋ถ„
  • #devops#github

    Github ์•ก์…˜์œผ๋กœ ์Šค์ผ€์ฅด๋ง ์ž‘์—…ํ•˜๊ธฐ

    Github actions๊ฐ€ ๋‚˜์˜ค๋ฉด์„œ cron job์„ ์‹คํ–‰ํ•˜๊ธฐ๊ฐ€ ๋” ํŽธํ•ด์กŒ์Šต๋‹ˆ๋‹ค. ๊ตณ์ด ๋‚ด ์ปดํ“จํ„ฐ๋ฅผ 24์‹œ๊ฐ„ ๋Œ๋ฆฌ๊ณ  ์žˆ์„ ํ•„์š”๋„ ์—†๊ณ , ๋น„์‹ผ ๋ˆ ์ฃผ๋ฉฐ ์–ด๋”” ์ด์ƒํ•œ compute๋ฅผ ์“ธ ํ•„์š”๋„ ์—†์–ด์กŒ์Šต๋‹ˆ๋‹ค. [๋ฌผ๋ก  ๊ณต์งœ๋กœ ์“ธ ์ˆ˜ ์žˆ๋Š” Cron ์„œ๋น„์Šค](https://www.easycron.com/)๋„ ์žˆ์ง€๋งŒ ์•„๋ฌด๋ž˜๋„ github ๊ณผ ์—ฐ๋™ํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์ ์ด ํฐ...

    2๋ถ„
  • #javascript#web-performance

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฉ”๋ชจ๋ฆฌ ๋ˆ„์ˆ˜์™€ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

    ```toc tight: true, from-heading: 2 to-heading: 3 ``` [4 Types of Memory Leaks in JavaScript and How to Get Rid Of Them](https://auth0.com/blog/four-types-of-leaks-in-your-javascript-code-and-how-to-...

    28๋ถ„
  • #javascript#web-performance

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋น„์šฉ

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋น„์šฉ 2019ver

    13๋ถ„
  • #web-performance#browser

    ์ฃผ์š” ๋ Œ๋”๋ง ๊ฒฝ๋กœ - ๋ธŒ๋ผ์šฐ์ €์˜ ์›๋ฆฌ๋ฅผ ์ดํ•ดํ•˜๊ณ  ์ตœ์ ํ™” ํ•˜๊ธฐ

    [Critical Rendering Path](https://developers.google.com/web/fundamentals/performance/critical-rendering-path?hl=ko)๋ฅผ ์š”์•ฝํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๊ธ€์„ ๋ณด๋Š”๊ฒŒ ๋” ๋‚˜์•„์š” ์‚ฌ์‹ค ```toc tight: true, from-heading: 2 to-heading: 3 ``` ์„ฑ...

    13๋ถ„
  • #web-performance

    ๋น ๋ฅธ ๋กœ๋”ฉ์„ ์œ„ํ•œ PRPL ํŒจํ„ด

    [Apply instant loading with the PRPL pattern](https://web.dev/apply-instant-loading-with-prpl/)์„ ๋ฒˆ์—ญํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค. PRPL์€ ์›น ํŽ˜์ด์ง€๋ฅผ ๋กœ๋“œํ•˜๊ณ  ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๊ธˆ ๋”์šฑ ๋น ๋ฅด๊ฒŒ ๋งŒ๋“œ๋Š” ํŒจํ„ด์„ ์„ค๋ช…ํ•˜๋Š” ์•ฝ์–ด๋‹ค. ## ์š”์•ฝ - ์ค‘์š”ํ•œ ๋ฆฌ์†Œ์Šค๋ฅผ ๋ฏธ๋ฆฌ ๋กœ๋“œํ•ด๋ผ (Push (...

    5๋ถ„
  • #web-performance

    ์™œ CommonJS๋Š” ๋ฒˆ๋“ค์‚ฌ์ด์ฆˆ๋ฅผ ํฌ๊ฒŒ ํ•˜๋Š”๊ฐ€?

    [How CommonJS is making your bundles larger](https://web.dev/commonjs-larger-bundles/) ๋ฅผ ๋ฒˆ์—ญ & ์š”์•ฝํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค. ```toc tight: true, from-heading: 2 to-heading: 3 ``` **์š”์•ฝ: ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ํ™•์‹คํ•˜๊ฒŒ ์ตœ์ ํ™”ํ•ด์„œ ๋ฒˆ๋“ค๋งํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š”, C...

    12๋ถ„
  • #frontend#react#angular

    ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๊ฐ€ ์•Œ์•„์•ผ ํ•˜๋Š” Angular์™€ React์˜ Change Detection

    [What every front-end developer should know about change detection in Angular and React](https://indepth.dev/what-every-front-end-developer-should-know-about-change-detection-in-angular-and-react/)๋ฅผ ๋ฒˆ...

    16๋ถ„