javascript

javascript

Javascript Set ๊ทธ๋ฆฌ๊ณ  Map

## ๊ทผ๋ฐ ์‚ฌ์‹ค.. ์ปฌ๋ ‰์…˜ ํ•„์š”์—†์ง€ ์•Š์„๊นŒ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ์ผ๋ฐ˜์ ์ธ Object๋Š” key-value์Œ์„ ๋Š์ž„ ์—†์ด ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ๋Š” ํ˜•ํƒœ๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ๋‹ค. ๊ทธ๋ž˜์„œ ์‚ฌ์‹ค ์ปฌ๋ ‰์…˜์ด ํ•„์š”ํ•˜์ง€ ์•Š์€ ๊ฒƒ ์ฒ˜๋Ÿผ ๋ณด์ผ ์ˆ˜๋„ ์žˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ด๋”ฐ๊ธˆ์”ฉ object๋กœ ๋ถ€์กฑํ•  ๋•Œ๊ฐ€ ์žˆ๋‹ค. - key ์ถฉ๋Œ ์œ„ํ—˜์ด ์กด์žฌํ•˜๋Š” ๊ฒฝ์šฐ - ๋ฌธ์ž์—ด/์‹ฌ๋ณผ ์ด์™ธ์˜ ํ‚ค ๊ฐ’์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ - ๊ฐ...

Read
javascript

Javascript Symbol

## Javascript Primitive ๊ธฐ์กด์— ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” 6๊ฐ€์ง€์˜ primitive๊ฐ€ ์žˆ์—ˆ๋‹ค. - Object - string - number - boolean - null - undefined ๊ทธ๋Ÿฌ๋‚˜ es6๊ฐ€ ๋“ค์–ด์„œ๋ฉด์„œ `symbol`์ด๋ผ๋Š” 7๋ฒˆ์งธ primitive๊ฐ€ ์ถ”๊ฐ€๋˜์—ˆ๋‹ค. ## Symbol ```javascript const hel...

Read
javascript

javascript event bubbling & capturing

![image](https://miro.medium.com/max/1200/1*Et5UjVPGLfF1L43T7ErrxQ.png) ## Javascript Event Capturing https://codepen.io/yceffort/pen/GbVaaY Event Capturing์€ ํŠน์ • ์š”์†Œ์—์„œ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ–ˆ์„ ๋•Œ, ์ตœ์ƒ์œ„ ์š”์†Œ์—์„œ ๋ถ€ํ„ฐ ์ด๋ฒคํŠธ๋ฅผ ํƒ...

Read
javascript

javascript class

# Class ํด๋ž˜์Šค๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ์ด๋ ‡๊ฒŒ ์ƒ๊ฒผ๋‹ค. ```javascript class Member { getName() { return "์ด๋ฆ„"; } } let obj = new Member(); console.log(obj.getName()); ``` ## ํŠน์ง• ### 1. strict ๋ชจ๋“œ์—์„œ ์‹คํ–‰ ๋”ฑํžˆ `'use strict'...

Read
javascript

Intersection Observer

## Intersection Observer Intersection Observer๋Š” ์—˜๋ฆฌ๋จผํŠธ๊ฐ€ viewport์— ๋…ธ์ถœ๋˜๊ณ  ์žˆ๋Š”์ง€ ์—ฌ๋ถ€๋ฅผ ํ™•์ธํ•ด์ฃผ๋Š” API๋‹ค. ๊ฐ„๋‹จํžˆ ๋งํ•ด ๋ธŒ๋ผ์šฐ์ €์˜ ์–ด๋–ค ์š”์†Œ๊ฐ€ ํ™”๋ฉด์— ๋…ธ์ถœ๋˜๊ณ  ์žˆ๋Š”์ง€ ์•ˆ๋˜๊ณ  ์žˆ๋Š”์ง€๋ฅผ ํ™•์ธํ•ด์ฃผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ผ๊ณ  ์ƒ๊ฐํ•˜๋ฉด ๋  ๊ฒƒ ๊ฐ™๋‹ค. ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ์—†์ด ์—˜๋ฆฌ๋จผํŠธ๊ฐ€ ๋…ธ์ถœ์ค‘์ธ์ง€ ํ™•์ธํ•˜๋ ค๋ฉด ์–ด๋–ป๊ฒŒ ํ•ด์•ผํ• ๊นŒ? ์ด...

Read