profile
Hello all ๐Ÿ‘‹๐Ÿป ๐Ÿ“London
post-thumbnail

js - event bubbling / event flow

credit ๊น€๋ฒ„๊ทธ https://www.youtube.com/watch?v=7gKtNC3b_S8html์€ ์ค‘์ฒฉ๋˜์–ด์žˆ๋Š” ๊ตฌ์กฐ.ex) div,body,html eventListner์ด ๋“ฑ๋ก๋˜์–ด์žˆ๋‹ค. => ์ด๋ฒคํŠธ ์ค‘์ฒฉ!div ํด๋ฆญ์‹œ, div์˜ ๋ถ€๋ชจ ํƒœ๊ทธ๋“ค์— ๋“ฑ๋ก๋œ

2022๋…„ 3์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

JS - this

This keyword. 1. this๋Š” ์˜ค๋ธŒ์ ํŠธ ๋‚ด์˜ ๋ฉ”์†Œ๋“œ(ํ•จ์ˆ˜)์—์„œ ์‚ฌ์šฉํ–ˆ์„ ๋•Œ, ๊ทธ ๋ฉ”์†Œ๋“œ๋ฅผ ๋‹ด๊ณ  ์žˆ๋Š”์˜ค๋ธŒ์ ํŠธ๋ฅผ ์ถœ๋ ฅํ•ด์ค€๋‹ค A์˜ค๋ธŒ์ ํŠธ์•ˆ์— console.log(this)๋ฅผ ์ถœ๋ ฅํ•˜๋Š” ํ•จ์ˆ˜๊ฐ€ ์žˆ๋‹ค๋ฉด, this๋Š” ๊ทธ A์˜ค๋ธŒ์ ํŠธ๋ฅผ ๊ฐ€๋ฅดํ‚จ๋‹ค. ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ์ผ๋ฐ˜ํ•จ์ˆ˜

2022๋…„ 3์›” 3์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

splice()

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice๋ฐฐ์—ด์˜ ๊ธฐ์กด ์š”์†Œ๋ฅผ ์‚ญ์ œ ๋˜๋Š” ๊ต์ฒดํ•˜๊ฑฐ๋‚˜ ์ƒˆ ์š”์†Œ๋ฅผ ์ถ”๊ฐ€ํ•˜์—ฌ ๋ฐฐ์—ด์˜ ๋‚ด์šฉ์„ ๋ณ€๊ฒฝ๋ฐฐ์—ด์˜ ํŠน์ •๊ตฌ๊ฐ„์„ ์ถ”

2022๋…„ 2์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

JS - operators with Object (in/For...in /For...of )

โ˜„๏ธ in (properet existence check) โ˜„๏ธ For...in โ˜„๏ธ For...of

2021๋…„ 7์›” 28์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

JS - constructor function

object literal syntaxconst obj1= {} object constructor syntaxconst obj2 = new Object()object.create methodclass ES6It calls "Constuctor function"It cr

2021๋…„ 7์›” 28์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

JS - Factory Functions

A factory function is a function that returns an object and can be reused to make multiple object instances.It can also have parameters allowing us to

2021๋…„ 7์›” 23์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL - getter & setter

Getters can perform an action on the data when getting a property.Getters can return different values using conditionals.In a getter, we can access th

2021๋…„ 7์›” 23์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

JS - JavaScript parsing & execution

โ˜„๏ธ JavaScript parsing & execution 1)๋ Œ๋”๋ง ์—”์ง„์ด HTML ํŒŒ์‹ฑ ํ•˜๋ฉฐ ๋”์„ ๋งŒ๋“ค์–ด ๋‚˜๊ฐ€๋‹ค๊ฐ€ CSSํŒŒ์ผ ๋กœ๋“œํ•˜๋Š” style์ด๋‚˜ linkํŒŒ์ผ ๋งŒ๋‚˜๋ฉด DOM์ƒ์„ฑ ์ค‘๋‹จํ•˜๋Š” ๊ฒƒ์ฒ˜๋Ÿผ, ๋ Œ๋”๋ง ์—”์ง„์ด HTML ํŒŒ์‹ฑ ํ•˜๋ฉฐ ๋”์„ ๋งŒ๋“ค์–ด ๋‚˜๊ฐ€๋‹ค๊ฐ€JSํŒŒ์ผ์„ ๋กœ

2021๋…„ 7์›” 13์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

JS - Browser rendering process

๋ธŒ๋ผ์šฐ์ €๋Š” html, css , JS, img file ๋“ฑ ๋ Œ๋”๋ง์— ํ•„์š”ํ•œ ๋ฆฌ์†Œ์Šค๋ฅผ ์„œ๋ฒ„๋กœ ์š”์ฒญํ•˜๊ณ  ์‘๋‹ต๋ฐ›๋Š”๋‹ค. ๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ์—”์ง„์€ ์„œ๋ฒ„๋กœ ๋ถ€ํ„ฐ ์‘๋‹ต๋œ html, css๋ฅผ ํŒŒ์‹ฑํ•˜์—ฌ DOM๊ณผ CSSOM ์ƒ์„ฑํ•˜๊ณ  ์ด๋“ค์„ ๊ฒฐํ•ฉํ•˜์—ฌ ๋ Œํ„ฐ๋“œ๋ฆฌ๋ฅผ ์ƒ์„ฑํ•œ๋‹ค. JS ์—”์ง„์€ ์„œ๋ฒ„๋กœ

2021๋…„ 7์›” 13์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€