avatar

Page 62

  • Published on
    ![image](https://miro.medium.com/max/1200/1*Et5UjVPGLfF1L43T7ErrxQ.png) ## Javascript Event Capturing https://codepen.io/yceffort/pen/GbVaaY Event Capturing์€ ํŠน์ • ์š”์†Œ์—์„œ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ–ˆ์„ ๋•Œ, ์ตœ์ƒ์œ„ ์š”์†Œ์—์„œ ๋ถ€ํ„ฐ ์ด๋ฒคํŠธ๋ฅผ ํƒ...
  • Published on
    # Class ํด๋ž˜์Šค๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ์ด๋ ‡๊ฒŒ ์ƒ๊ฒผ๋‹ค. ```javascript class Member { getName() { return "์ด๋ฆ„"; } } let obj = new Member(); console.log(obj.getName()); ``` ## ํŠน์ง• ### 1. strict ๋ชจ๋“œ์—์„œ ์‹คํ–‰ ๋”ฑํžˆ `'use strict'...
  • Published on
    ## Intersection Observer Intersection Observer๋Š” ์—˜๋ฆฌ๋จผํŠธ๊ฐ€ viewport์— ๋…ธ์ถœ๋˜๊ณ  ์žˆ๋Š”์ง€ ์—ฌ๋ถ€๋ฅผ ํ™•์ธํ•ด์ฃผ๋Š” API๋‹ค. ๊ฐ„๋‹จํžˆ ๋งํ•ด ๋ธŒ๋ผ์šฐ์ €์˜ ์–ด๋–ค ์š”์†Œ๊ฐ€ ํ™”๋ฉด์— ๋…ธ์ถœ๋˜๊ณ  ์žˆ๋Š”์ง€ ์•ˆ๋˜๊ณ  ์žˆ๋Š”์ง€๋ฅผ ํ™•์ธํ•ด์ฃผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ผ๊ณ  ์ƒ๊ฐํ•˜๋ฉด ๋  ๊ฒƒ ๊ฐ™๋‹ค. ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ์—†์ด ์—˜๋ฆฌ๋จผํŠธ๊ฐ€ ๋…ธ์ถœ์ค‘์ธ์ง€ ํ™•์ธํ•˜๋ ค๋ฉด ์–ด๋–ป๊ฒŒ ํ•ด์•ผํ• ๊นŒ? ์ด...
  • Published on
    ์ด ๋ฌธ์„œ๋Š” ๋” ์ด์ƒ ์—…๋ฐ์ดํŠธ ํ•˜์ง€ ์•Š์„ ์ƒ๊ฐ์ด๋‹ค. ๋Œ€์‹  https://github.com/yceffort/koa-nextjs-react-typescript-boilerplate ์—ฌ๊ธฐ์—์„œ ๊ณ„์† ํ•ด์„œ ๋งŒ๋“ค์–ด ๊ฐ€๊ณ  ์žˆ๋‹ค. ## ์‚ฌ์šฉํ•œ ์˜คํ”ˆ์†Œ์Šค ### React ์ž์„ธํ•œ ์„ค๋ช…์€ ์ƒ๋žต ํ•œ๋‹ค ### Nextjs [NextJs](https://nextjs.org...
  • Published on
    ## ๊ณ ๋ฏผ์ง€์  - Global ๋กœ ๊ด€๋ฆฌํ•˜๋Š” Colorset Red, Blue, Green, Black์ด ์žˆ๋‹ค. - ์ด ์ƒ‰๋“ค์€ ๊ฐ๊ฐ ์ง€์ •๋œ ์นผ๋ผ์ฝ”๋“œ๊ฐ€ ์žˆ๋‹ค - ๊ทธ๋Ÿฌ๋‚˜ ๋•Œ๋กœ๋Š” ๊ทธ ์ปฌ๋Ÿฌ์ฝ”๋“œ์— ๋งž๊ฒŒ ์•ˆ์“ฐ๋Š” ๊ฒฝ์šฐ๋„ ์žˆ๋‹ค - ๊ทธ๋Ÿฌ๋‚˜ ๋•Œ๋กœ๋Š” ์ € ๋„ค๊ฐœ๋ฅผ ๋‹ค ์•ˆ์“ฐ๊ณ  1~3๊ฐœ๋งŒ ์“ฐ๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋‹ค. ## Union types [Union Type](https://www....