Pewarta Proxy
Jelajahi
Log Server
Pengaturan
Kembali
Muat Ulang
Log Server
Pengaturan Proxy
๐ Server Request & Proxy Logs
Loading active proxy settings...
Developed by
Khairul Adha
(
adhexa.id
)
Refresh ๐
Clear ๐๏ธ
โ
Mengambil log server...
โ๏ธ Pengaturan Proxy Target
โ
Rute Outbound Proxy:
๐ Direct / VPS IP Utama
Tanpa proxy. Menggunakan IP langsung VPS Anda.
๐ก๏ธ Bitvise SSH SOCKS5 (127.0.0.1:1080)
Rute lewat Bitvise SOCKS5 port 1080.
๐ External Proxy Khusus
SOCKS5 / HTTP / HTTPS Proxy kustom.
URL Proxy:
Browser User-Agent:
๐ฑ Otomatis Deteksi HP / Perangkat (Sesuai Browser)
Google Chrome (Windows Desktop)
Mozilla Firefox (Windows Desktop)
Microsoft Edge (Windows Desktop)
Apple Safari (Mac Desktop)
Google Chrome (Android Mobile)
Apple Safari (iPhone iOS)
Rotasi Acak Setiap Request
Simpan & Reload Website
Show tasks
์ฝ์ด ์๋ฐ์คํฌ๋ฆฝํธ
์๊ฐ
์๋ฐ์คํฌ๋ฆฝํธ๋?
๋งค๋ด์ผ๊ณผ ๋ช ์ธ์
์ฝ๋ ์๋ํฐ
๊ฐ๋ฐ์ ์ฝ์
์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ๋ณธ
Hello, world!
alert ์ฐฝ ๋์ฐ๊ธฐ
์ธ๋ถ ์คํฌ๋ฆฝํธ๋ฅผ ์ด์ฉํด alert ์ฐฝ ๋์ฐ๊ธฐ
์ฝ๋ ๊ตฌ์กฐ
์๊ฒฉ ๋ชจ๋
๋ณ์์ ์์
๋ณ์ ๊ฐ์ง๊ณ ๋๊ธฐ
์ฌ๋ฐ๋ฅธ ์ด๋ฆ ์ ํํ๊ธฐ
๋๋ฌธ์ ์์ ์ฌ๋ฐ๋ก ์ฌ์ฉํ๊ธฐ
์๋ฃํ
๋ฌธ์์ด ๋ฐ์ดํ
alert, prompt, confirm์ ์ด์ฉํ ์ํธ์์ฉ
๊ฐ๋จํ ํ์ด์ง ๋ง๋ค๊ธฐ
ํ ๋ณํ
๊ธฐ๋ณธ ์ฐ์ฐ์์ ์ํ
์ ์ํ๊ณผ ํ์ํ
ํ ๋น ํ ๊ฒฐ๊ณผ ์์ธกํ๊ธฐ
ํ ๋ณํ
๋ง์ ๊ณ ์น๊ธฐ
๋น๊ต ์ฐ์ฐ์
๋น๊ต
if์ '?'๋ฅผ ์ฌ์ฉํ ์กฐ๊ฑด ์ฒ๋ฆฌ
if์ ๋ฌธ์์ด 0
์๋ฐ์คํฌ๋ฆฝํธ์ ๊ณต์ ์ด๋ฆ
์ ๋ ฅ๋ฐ์ ์ซ์์ ๋ถํธ ํ์ํ๊ธฐ
'if'๋ฅผ '?'๋ก ๊ต์ฒดํ๊ธฐ
'if..else'๋ฅผ '?'๋ก ๊ต์ฒดํ๊ธฐ
๋ ผ๋ฆฌ ์ฐ์ฐ์
๋ค์ OR ์ฐ์ฐ์ ๊ฒฐ๊ณผ๋ ๋ฌด์์ผ๊น์?
OR ์ฐ์ฐ์์ ํผ์ฐ์ฐ์๊ฐ alert ๋ผ๋ฉด?
๋ค์ AND ์ฐ์ฐ์ ๊ฒฐ๊ณผ๋ ๋ฌด์์ผ๊น์?
AND ์ฐ์ฐ์์ ํผ์ฐ์ฐ์๊ฐ alert ๋ผ๋ฉด?
OR AND OR ์ฐ์ฐ์๋ก ๊ตฌ์ฑ๋ ํํ์
์ฌ์ด ๋ฒ์ ํ์ธํ๊ธฐ
๋ฐ๊นฅ ๋ฒ์ ํ์ธํ๊ธฐ
"if"์ ๊ดํ ๊ณ ์ฐฐ
๋ก๊ทธ์ธ ๊ตฌํํ๊ธฐ
nullish ๋ณํฉ ์ฐ์ฐ์ '??'
while๊ณผ for ๋ฐ๋ณต๋ฌธ
๋ฐ๋ณต๋ฌธ์ ๋ง์ง๋ง ๊ฐ
while ๋ฐ๋ณต๋ฌธ์ ์ถ๋ ฅ๊ฐ ์์ํ๊ธฐ
'for' ๋ฐ๋ณต๋ฌธ์ ์ถ๋ ฅ๊ฐ ์์ํ๊ธฐ
for ๋ฐ๋ณต๋ฌธ์ ์ด์ฉํ์ฌ ์ง์ ์ถ๋ ฅํ๊ธฐ
'for' ๋ฐ๋ณต๋ฌธ์ 'while' ๋ฐ๋ณต๋ฌธ์ผ๋ก ๋ฐ๊พธ๊ธฐ
์ฌ์ฉ์๊ฐ ์ ํจํ ๊ฐ์ ์ ๋ ฅํ ๋๊น์ง ํ๋กฌํํธ ์ฐฝ ๋์ฐ๊ธฐ
์์ ์ถ๋ ฅํ๊ธฐ
switch๋ฌธ
"switch"๋ฌธ์ "if"๋ฌธ์ผ๋ก ๋ณํํ๊ธฐ
"if"๋ฌธ์ "switch"๋ฌธ์ผ๋ก ๋ณํํ๊ธฐ
ํจ์
"else"๋ ์ ๋ง ํ์ํ๊ฐ์?
'?'๋ '||'๋ฅผ ์ฌ์ฉํ์ฌ ํจ์ ๋ค์ ์์ฑํ๊ธฐ
min(a, b) ํจ์ ๋ง๋ค๊ธฐ
pow(x,n) ํจ์ ๋ง๋ค๊ธฐ
ํจ์ ํํ์
ํ์ดํ ํจ์ ๊ธฐ๋ณธ
ํ์ดํ ํจ์๋ก ๋ณ๊ฒฝํ๊ธฐ
๊ธฐ๋ณธ ๋ฌธ๋ฒ ์์ฝ
์ฝ๋ ํ์ง
Chrome์ผ๋ก ๋๋ฒ๊น ํ๊ธฐ
์ฝ๋ฉ ์คํ์ผ
์ข์ง ์์ ์ฝ๋ ์คํ์ผ
์ฃผ์
๋์ ์ฝ๋
ํ ์คํธ ์๋ํ์ Mocha
์๋ชป๋ ์ ์ฐพ๊ธฐ
ํด๋ฆฌํ
๊ฐ์ฒด: ๊ธฐ๋ณธ
๊ฐ์ฒด
๊ฐ์ฒด์ผ ์๋ ?
๊ฐ์ฒด๊ฐ ๋น์ด์๋์ง ํ์ธํ๊ธฐ
๋ณํ์ง ์๋ ๊ฐ์ฒด?
ํ๋กํผํฐ ํฉ๊ณ ๊ตฌํ๊ธฐ
ํ๋กํผํฐ ๊ฐ ๋ ๋ฐฐ๋ก ๋ถํ๋ฆฌ๊ธฐ
์ฐธ์กฐ์ ์ํ ๊ฐ์ฒด ๋ณต์ฌ
๊ฐ๋น์ง ์ปฌ๋ ์
๋ฉ์๋์ this
๊ฐ์ฒด ๋ฆฌํฐ๋ด์์ 'this' ์ฌ์ฉํ๊ธฐ
๊ณ์ฐ๊ธฐ ๋ง๋ค๊ธฐ
์ฒด์ด๋
new ์ฐ์ฐ์์ ์์ฑ์ ํจ์
ํจ์ ๋ ๊ฐ๋ก ๋์ผํ ๊ฐ์ฒด ๋ง๋ค๊ธฐ
๊ณ์ฐ๊ธฐ ๋ง๋ค๊ธฐ
๋์ฐ๊ธฐ ๋ง๋ค๊ธฐ
์ต์ ๋ ์ฒด์ด๋ '?.'
์ฌ๋ณผํ
๊ฐ์ฒด๋ฅผ ์์ํ์ผ๋ก ๋ณํํ๊ธฐ
์๋ฃ๊ตฌ์กฐ์ ์๋ฃํ
์์๊ฐ์ ๋ฉ์๋
๋ฌธ์์ด์ ํ๋กํผํฐ๋ฅผ ์ถ๊ฐํ ์ ์์๊น์?
์ซ์ํ
์๋ฅผ ์ ๋ ฅ๋ฐ์ ๋ง์ ํ๊ธฐ
6.35.toFixed(1) == 6.3์ธ ์ด์ ๋ ๋ฌด์์ผ๊น์?
์ซ์๋ฅผ ์ ๋ ฅํ ๋๊น์ง ๋ฐ๋ณตํ๊ธฐ
๋ฌดํ ๋ฃจํ
min๊ณผ max ์ฌ์ด์ ์๋ ์์์ ์ซ์ ์์ฑํ๊ธฐ
A random integer from min to max
๋ฌธ์์ด
์ฒซ ๊ธ์๋ฅผ ๋๋ฌธ์๋ก ๋ณ๊ฒฝํ๊ธฐ
์คํธ ๋ฌธ์์ด ๊ฑธ๋ฌ๋ด๊ธฐ
๋ฌธ์์ด ์ค์ด๊ธฐ
์ซ์๋ง ์ถ์ถํ๊ธฐ
๋ฐฐ์ด
๋ฐฐ์ด์ ๋ณต์ฌ๊ฐ ๋ ๊น์?
๋ฐฐ์ด๊ณผ ๊ด๋ จ๋ ์ฐ์ฐ
๋ฐฐ์ด ์ปจํ ์คํธ์์ ํจ์ ํธ์ถํ๊ธฐ
์ ๋ ฅํ ์ซ์์ ํฉ ๊ตฌํ๊ธฐ
์ต๋ํฉ ๋ถ๋ถ ๋ฐฐ์ด
๋ฐฐ์ด๊ณผ ๋ฉ์๋
border-left-width๋ฅผ borderLeftWidth๋ก ๋ณ๊ฒฝํ๊ธฐ
ํน์ ๋ฒ์์ ์ํ๋ ์์ ์ฐพ๊ธฐ
ํน์ ๋ฒ์์ ์ํ๋ ์์ ์ฐพ๊ธฐ(๋ฐฐ์ด ๋ณ๊ฒฝํ๊ธฐ)
๋ด๋ฆผ์ฐจ์์ผ๋ก ์ ๋ ฌํ๊ธฐ
๋ฐฐ์ด ๋ณต์ฌ๋ณธ์ ์ ๋ ฌํ๊ธฐ
ํ์ฅ ๊ฐ๋ฅํ ๊ณ์ฐ๊ธฐ
์ด๋ฆ ๋งคํํ๊ธฐ
๊ฐ์ฒด ๋งคํํ๊ธฐ
๋์ด๋ฅผ ๊ธฐ์ค์ผ๋ก ๊ฐ์ฒด ์ ๋ ฌํ๊ธฐ
๋ฐฐ์ด ์์ ๋ฌด์์๋ก ์๊ธฐ
ํ๊ท ๋์ด ๊ตฌํ๊ธฐ
์ค๋ณต ์๋ ์์ ์ฐพ์๋ด๊ธฐ
Create keyed object from array
iterable ๊ฐ์ฒด
๋งต๊ณผ ์
๋ฐฐ์ด์์ ์ค๋ณต ์์ ์ ๊ฑฐํ๊ธฐ
์ ๋๊ทธ๋จ ๊ฑธ๋ฌ๋ด๊ธฐ
๋ฐ๋ณต ๊ฐ๋ฅํ ๊ฐ์ฒด์ ํค
์ํฌ๋งต๊ณผ ์ํฌ์
'์ฝ์'์ํ์ธ ๋ฉ์์ง ์ ์ฅํ๊ธฐ
์ฝ์ ๋ ์ง ์ ์ฅํ๊ธฐ
Object.keys, values, entries
ํ๋กํผํฐ ๊ฐ ๋ํ๊ธฐ
ํ๋กํผํฐ ๊ฐ์ ์ธ๊ธฐ
๊ตฌ์กฐ ๋ถํด ํ ๋น
๊ตฌ์กฐ ๋ถํด ํ ๋น
์ต๋ ๊ธ์ฌ ๊ณ์ฐํ๊ธฐ
Date ๊ฐ์ฒด์ ๋ ์ง
๋ ์ง ์์ฑํ๊ธฐ
์์ผ ๋ณด์ฌ์ฃผ๊ธฐ
์ ๋ฝ ๊ธฐ์ค ๋ฌ๋ ฅ
n์ผ ์ '์ผ' ์ถ๋ ฅํ๊ธฐ
๋ฌ์ ๋ง์ง๋ง ์ผ
๋ช ์ด๋ ์ง๋ฌ์๊น์?
๋ช ์ด๋ ๋จ์์๊น์?
์๋ ๋ ์ง ์ถ๋ ฅํ๊ธฐ
JSON๊ณผ ๋ฉ์๋
๊ฐ์ฒด๋ฅผ JSON์ผ๋ก ๋ฐ๊พผ ํ ๋ค์ ๊ฐ์ฒด๋ก ๋ฐ๊พธ๊ธฐ
์ญ์ฐธ์กฐ ๋ฐฐ์ ํ๊ธฐ
ํจ์ ์ฌํํ์ต
์ฌ๊ท์ ์คํ
์ฃผ์ด์ง ์ซ์๊น์ง์ ๋ชจ๋ ์ซ์ ๋ํ๊ธฐ
ํฉํ ๋ฆฌ์ผ ๊ณ์ฐํ๊ธฐ
ํผ๋ณด๋์น ์ ๊ณ์ฐํ๊ธฐ
๋จ์ผ ์ฐ๊ฒฐ ๋ฆฌ์คํธ ์ถ๋ ฅํ๊ธฐ
๋จ์ผ ์ฐ๊ฒฐ ๋ฆฌ์คํธ๋ฅผ ์ญ์์ผ๋ก ์ถ๋ ฅํ๊ธฐ
๋๋จธ์ง ๋งค๊ฐ๋ณ์์ ์ ๊ฐ ๊ตฌ๋ฌธ
๋ณ์์ ์ ํจ๋ฒ์์ ํด๋ก์
ํจ์๊ฐ ์ต์ ๋ณ๊ฒฝ ์ฌํญ์ ๋ฐ์ํ ๊น์?
์ด๋ค ๋ณ์๊ฐ ์ฌ์ฉ๋ ๊น์?
counter๋ ๋ ๋ฆฝ์ ์ผ๊น์?
counter ๊ฐ์ฒด
if ๋ฌธ ์์ ํจ์
ํด๋ก์ ๋ฅผ ์ด์ฉํ์ฌ ํฉ ๊ตฌํ๊ธฐ
๋ณ์๊ฐ ๋ณด์ผ๊น์?
ํจ์๋ฅผ ์ด์ฉํด ์ํ๋ ๊ฐ๋ง ๊ฑธ๋ฌ๋ด๊ธฐ
ํ๋๋ฅผ ๊ธฐ์ค์ผ๋ก ์ ๋ ฌํ๊ธฐ
ํจ์๋ฅผ ์ฌ์ฉํด ๊ตฐ๋ ๋ง๋ค๊ธฐ
์ค๋๋ var
์ ์ญ ๊ฐ์ฒด
๊ฐ์ฒด๋ก์์ ํจ์์ ๊ธฐ๋ช ํจ์ ํํ์
์ซ์ ์ค์ ๊ณผ ๊ฐ์๊ฐ ๊ฐ๋ฅํ counter ๋ง๋ค๊ธฐ
์์์ ์๋งํผ ์๋ ๊ดํธ๋ฅผ ์ด์ฉํด ํฉ๊ณ ๊ตฌํ๊ธฐ
new Function ๋ฌธ๋ฒ
setTimeout๊ณผ setInterval์ ์ด์ฉํ ํธ์ถ ์ค์ผ์ค๋ง
์ผ์ด ๊ฐ๊ฒฉ์ผ๋ก ์ซ์ ์ถ๋ ฅํ๊ธฐ
setTimeout ์ ๋ฌด์์ ๋ณด์ฌ์ค๊น์?
call/apply์ ๋ฐ์ฝ๋ ์ดํฐ, ํฌ์๋ฉ
Spy decorator
Delaying decorator
Debounce decorator
Throttle decorator
ํจ์ ๋ฐ์ธ๋ฉ
bind๋ฅผ ์ ์ฉํ ํจ์๋ฅผ ๋ฉ์๋์ ์ ์ํ๊ธฐ
bind ๋ ๋ฒ ์ ์ฉํ๊ธฐ
bind๋ฅผ ์ ์ฉํ ํจ์์ ํ๋กํผํฐ
this ๊ฐ์ด undefined์ธ ํจ์ ๊ณ ์น๊ธฐ
๋ก๊ทธ์ธ์ ๋ถ๋ถ ์ ์ฉํ๊ธฐ
ํ์ดํ ํจ์ ๋ค์ ์ดํด๋ณด๊ธฐ
๊ฐ์ฒด ํ๋กํผํฐ ์ค์
ํ๋กํผํฐ ํ๋๊ทธ์ ์ค๋ช ์
ํ๋กํผํฐ getter์ setter
ํ๋กํ ํ์ ๊ณผ ํ๋กํ ํ์ ์์
ํ๋กํ ํ์ ์์
ํ๋กํ ํ์ ์ดํดํ๊ธฐ
๊ฒ์ ์๊ณ ๋ฆฌ์ฆ
์ด๋์ ํ๋กํผํฐ๊ฐ ์ถ๊ฐ๋ ๊น์
์ ํ์คํฐ ๋ ๋ง๋ฆฌ ๋ชจ๋ ๋ฐฐ๊ฐ ๊ฝ ์ฐผ์๊น์
ํจ์์ prototype ํ๋กํผํฐ
'prototype' ๋ณ๊ฒฝํ๊ธฐ
๋์ผํ ์์ฑ์ ํจ์๋ก ๊ฐ์ฒด ๋ง๋ค๊ธฐ
๋ด์ฅ ๊ฐ์ฒด์ ํ๋กํ ํ์
๋ฉ์๋"f.defer(ms)"๋ฅผ ํจ์์ ์ถ๊ฐํ๊ธฐ
๋ฐ์ฝ๋ ์ดํ "defer()"๋ฅผ ํจ์์ ์ถ๊ฐํ๊ธฐ
ํ๋กํ ํ์ ๋ฉ์๋์ __proto__๊ฐ ์๋ ๊ฐ์ฒด
์ฌ์ ์ toString ์ถ๊ฐํ๊ธฐ
ํธ์ถ ๊ฐ์ ์ฐจ์ด์
ํด๋์ค
ํด๋์ค์ ๊ธฐ๋ณธ ๋ฌธ๋ฒ
ํด๋์ค๋ก ๋ค์ ์์ฑํ๊ธฐ
ํด๋์ค ์์
์ธ์คํด์ค ์์ฑ ์ค๋ฅ
์๊ณ ํ์ฅํ๊ธฐ
์ ์ ๋ฉ์๋์ ์ ์ ํ๋กํผํฐ
Object๋ฅผ ์์๋ฐ๋ ํด๋์ค
private, protected ํ๋กํผํฐ์ ๋ฉ์๋
๋ด์ฅ ํด๋์ค ํ์ฅํ๊ธฐ
'instanceof'๋ก ํด๋์ค ํ์ธํ๊ธฐ
์ด์ํ instanceof
๋ฏน์ค์ธ
์๋ฌ ํธ๋ค๋ง
'try..catch'์ ์๋ฌ ํธ๋ค๋ง
finally ์๋๋ฉด ์ฝ๋๋ง?
์ปค์คํ ์๋ฌ์ ์๋ฌ ํ์ฅ
SyntaxError ์์
ํ๋ผ๋ฏธ์ค์ async, await
์ฝ๋ฐฑ
์ฝ๋ฐฑ์ ์ด์ฉํ ์์ง์ด๋ ์
ํ๋ผ๋ฏธ์ค
๋ ๋ฒ resolve ํ๊ธฐ?
ํ๋ผ๋ฏธ์ค๋ก ์ง์ฐ ๋ง๋ค๊ธฐ
ํ๋ผ๋ฏธ์ค๋ก ์ ๋๋ฉ์ด์ ์ด ์ ์ฉ๋ ์ ๋ง๋ค๊ธฐ
ํ๋ผ๋ฏธ์ค ์ฒด์ด๋
ํ๋ผ๋ฏธ์ค: then vs. catch
ํ๋ผ๋ฏธ์ค์ ์๋ฌ ํธ๋ค๋ง
setTimeout์์์ ์๋ฌ
ํ๋ผ๋ฏธ์ค API
ํ๋ผ๋ฏธ์คํ
๋ง์ดํฌ๋กํ์คํฌ
async์ await
async์ await๋ฅผ ์ฌ์ฉํ์ฌ ์ฝ๋ ๋ณ๊ฒฝํ๊ธฐ
async์ await๋ฅผ ์ฌ์ฉํด์ '๋ค์ ๋์ง๊ธฐ' ์์ ์ฌ์์ฑํ๊ธฐ
async๊ฐ ์๋ ํจ์์์ async ํจ์ ํธ์ถํ๊ธฐ
์ ๋๋ ์ดํฐ์ ๋น๋๊ธฐ ์ดํฐ๋ ์ด์
์ ๋๋ ์ดํฐ
์์ฌ ๋์ ์์ฑ๊ธฐ
async ์ดํฐ๋ ์ดํฐ์ ์ ๋๋ ์ดํฐ
๋ชจ๋
๋ชจ๋ ์๊ฐ
๋ชจ๋ ๋ด๋ณด๋ด๊ณ ๊ฐ์ ธ์ค๊ธฐ
๋์ ์ผ๋ก ๋ชจ๋ ๊ฐ์ ธ์ค๊ธฐ
๊ธฐํ
Proxy์ Reflect
์กด์ฌํ์ง ์๋ ํ๋กํผํฐ๋ฅผ ์ฝ์ผ๋ ค๊ณ ํ ๋ ์๋ฌ ๋์ง๊ธฐ
์์ ์ธ๋ฑ์ค๋ฅผ ์ฌ์ฉํด ๋ฐฐ์ด ์์์ ์ ๊ทผํ๊ธฐ
Observable ๋ง๋ค๊ธฐ
Eval: ๋ฌธ์์ด ์ฝ๋ ์คํํ๊ธฐ
Eval ๊ณ์ฐ๊ธฐ
์ปค๋ง
์ฐธ์กฐ ํ์
๋ฌธ๋ฒ ์ ๊ฒํ๊ธฐ
'this' ๊ฐ ์์๋ด๊ธฐ
BigInt
๋ธ๋ผ์ฐ์ : ๋ฌธ์, ์ด๋ฒคํธ, ์ธํฐํ์ด์ค
๋ฌธ์
๋ธ๋ผ์ฐ์ ํ๊ฒฝ๊ณผ ๋ค์ํ ๋ช ์ธ์
DOM ํธ๋ฆฌ
DOM ํ์ํ๊ธฐ
์์ DOM
ํ์ ๋ ธ๋์ ๊ดํ ์ง๋ฌธ
๋ชจ๋ ๋๊ฐ์ ์ ์ ํํ๊ธฐ
getElement*, querySelector*๋ก ์์ ๊ฒ์ํ๊ธฐ
์์ ๊ฒ์ํ๊ธฐ
์ฃผ์ ๋ ธ๋ ํ๋กํผํฐ
ํ์ ๋ ธ๋ ๊ฐ์ ์ธ๊ธฐ
๋ ธ๋ ํ์ ๋ง์ถ๊ธฐ
์ฃผ์ ์์ ํ๊ทธ
DOM ๊ณ์ธต ๊ตฌ์กฐ์ 'document'
์์ฑ๊ณผ ํ๋กํผํฐ
์์ฑ ๊ฐ์ ธ์ค๊ธฐ
์ธ๋ถ ๋งํฌ๋ฅผ ์ฃผํฉ์์ผ๋ก ๋ง๋ค๊ธฐ
๋ฌธ์ ์์ ํ๊ธฐ
createTextNode vs innerHTML vs textContent
์์ ์ญ์ ํ๊ธฐ
์ 'aaa' ๊ฐ ๋จ์ ์์๊น์
๋ฆฌ์คํธ ์์ฑํ๊ธฐ
๊ฐ์ฒด๋ก๋ถํฐ ํธ๋ฆฌ(tree) ์์ฑํ๊ธฐ
ํธ๋ฆฌ์ ์์ ์ ๋ํ๋ด๊ธฐ
๋ฌ๋ ฅ ๋ง๋ค๊ธฐ
setInterval์ ์ฌ์ฉํ ์๋ก๋ฌ๋กํ ์๊ณ
๋ฆฌ์คํธ์ HTML ์ฝ์ ํ๊ธฐ
ํ ์ ๋ ฌํ๊ธฐ
์คํ์ผ๊ณผ ํด๋์ค
์๋ฆผ ๋ง๋ค๊ธฐ
์์ ์ฌ์ด์ฆ์ ์คํฌ๋กค
What's the scroll from the bottom?
What is the scrollbar width?
Place the ball in the field center
CSS width์ clientWidth์ ์ฐจ์ด
๋ธ๋ผ์ฐ์ ์ฐฝ ์ฌ์ด์ฆ์ ์คํฌ๋กค
์ขํ
Find window coordinates of the field
Show a note near the element
Show a note near the element (absolute)
Position the note inside (absolute)
์ด๋ฒคํธ ๊ธฐ์ด
๋ธ๋ผ์ฐ์ ์ด๋ฒคํธ ์๊ฐ
๋ฒํผ ํด๋ฆญ ์ ํน์ ์์ ์จ๊ธฐ๊ธฐ
ํด๋ฆญ๋ ์์ ์จ๊ธฐ๊ธฐ
์ด๋ค ํธ๋ค๋ฌ๊ฐ ์คํ๋ ๊น์
Move the ball across the field
Create a sliding menu
Add a closing button
Carousel
๋ฒ๋ธ๋ง๊ณผ ์บก์ฒ๋ง
์ด๋ฒคํธ ์์
์ด๋ฒคํธ ์์์ ์ฌ์ฉํด์ ๋ฉ์์ง ์จ๊ธฐ๊ธฐ
ํธ๋ฆฌ ๋ฉ๋ด ๊ตฌํํ๊ธฐ
์ ๋ ฌ ๊ธฐ๋ฅ์ ์ ๊ณตํ๋ ํ
ํดํ ๋ณด์ฌ์ฃผ๊ธฐ
๋ธ๋ผ์ฐ์ ๊ธฐ๋ณธ ๋์
์ 'return false'๊ฐ ์๋ํ์ง ์์๊น์
์์ ์ ๋งํฌ ์ก์๋ด๊ธฐ
์ด๋ฏธ์ง ๊ฐค๋ฌ๋ฆฌ
์ปค์คํ ์ด๋ฒคํธ ๋์คํจ์น
UI ์ด๋ฒคํธ
๋ง์ฐ์ค ์ด๋ฒคํธ
์ ํ ๊ฐ๋ฅํ ๋ฆฌ์คํธ
Moving the mouse: mouseover/out, mouseenter/leave
Improved tooltip behavior
"Smart" tooltip
๋๋๊ทธ ์ค ๋๋กญ๊ณผ ๋ง์ฐ์ค ์ด๋ฒคํธ
Slider
Drag superheroes around the field
Pointer events
Keyboard: keydown and keyup
Extended hotkeys
Scrolling
Endless page
Up/down button
Load visible images
ํผ๊ณผ ํผ ์กฐ์
ํผ ํ๋กํผํฐ์ ๋ฉ์๋
select์ ์ต์ ์ถ๊ฐํ๊ธฐ
focus์ blur
์์ ๊ฐ๋ฅํ div
ํด๋ฆญํด์ TD ์์ ํ๊ธฐ
ํค๋ณด๋๋ก ์ฅ ์์ง์ด๊ธฐ
์ด๋ฒคํธ: change, input, cut, copy, paste
์๊ธ ๊ณ์ฐ๊ธฐ
submit ์ด๋ฒคํธ์ ๋ฉ์๋
Modal form
๋ฌธ์์ ๋ฆฌ์์ค ๋ก๋ฉ
DOMContentLoaded, load, beforeunload, unload ์ด๋ฒคํธ
defer, async ์คํฌ๋ฆฝํธ
Resource loading: onload and onerror
Load images with a callback
๊ธฐํ
๋ฎคํ ์ด์ ์ต์ ๋ฒ
Selection and Range
์ด๋ฒคํธ ๋ฃจํ์ ๋งคํฌ๋กํ์คํฌ, ๋ง์ดํฌ๋กํ์คํฌ
์ถ๊ฐ ์ฃผ์
ํ๋ ์๊ณผ ์๋์ฐ
Popups and window methods
Cross-window communication
The clickjacking attack
์ด์ง ๋ฐ์ดํฐ์ ํ์ผ
ArrayBuffer์ ์ด์ง ๋ฐฐ์ด
ํ์ ์ด ์ง์ ๋ ๋ฐฐ์ด ์ฐ๊ฒฐํ๊ธฐ
ํ ์คํธ ๋์ฝ๋์ ํ ์คํธ ์ธ์ฝ๋
Blob
File and FileReader
๋คํธ์ํฌ ์์ฒญ
fetch
fetch๋ฅผ ์ฌ์ฉํด Github์์ ์ฌ์ฉ์ ์ ๋ณด ๊ฐ์ ธ์ค๊ธฐ
FormData ๊ฐ์ฒด
Fetch: Download progress
Fetch: Abort
CORS
์ ์ค๋ฆฌ์ง์ด ํ์ํ ๊น์
Fetch API
URL objects
XMLHttpRequest
ํ์ผ ์ ๋ก๋ ์ฌ๊ฐํ๊ธฐ
๋กฑ ํด๋ง
์น์์ผ
์๋ฒ ์ ์ก ์ด๋ฒคํธ
๋ธ๋ผ์ฐ์ ์ ๋ฐ์ดํฐ ์ ์ฅํ๊ธฐ
์ฟ ํค์ document.cookie
localStorage์ sessionStorage
์์ ํ๋๋ฅผ ์๋์ผ๋ก ์ ์ฅํ๊ธฐ
IndexedDB
์ ๋๋ฉ์ด์
๋ฒ ์ง์ด ๊ณก์
CSS ์ ๋๋ฉ์ด์
๋นํ๊ธฐ์ ์ ๋๋ฉ์ด์ ํจ๊ณผ์ฃผ๊ธฐ (CSS)
Animate the flying plane (CSS)
Animated circle
JavaScript animations
Animate the bouncing ball
Animate the ball bouncing to the right
์น ์ปดํฌ๋ํธ
๊ถค๋์ ๋์ด์์
Custom elements
๋ผ์ด๋ธ ํ์ด๋จธ ์์
Shadow DOM
Template element
Shadow DOM slots, composition
Shadow DOM styling
Shadow DOM and events
์ ๊ท ํํ์
ํจํด๊ณผ ํ๋๊ทธ
๋ฌธ์ ํด๋์ค
์ ๋์ฝ๋: 'u' ํ๋๊ทธ์ \p{...} ํด๋์ค
์ต์ปค: ๋ฌธ์์ด์ ์์ ^๊ณผ ๋ $
์ ๊ท์ ^$
์ต์ปค ^์ $์ ์ฌ๋ฌ ํ ๋ชจ๋, 'm' ํ๋๊ทธ
Word boundary: \b
Find the time
Escaping, special characters
Sets and ranges [...]
Java[^script]
Find the time as hh:mm or hh-mm
Quantifiers +, *, ? and {n}
์๋ต ๋ถํธ '...'๋ฅผ ์ด๋ป๊ฒ ์ฐพ์ ์ ์์๊น์?
HTML์์ ์ฐ์ด๋ ์์ ๊ฒ์ถ์ ์ํ ์ ๊ทํํ์
Greedy and lazy quantifiers
A match for /d+? d+?/
Find HTML comments
Find HTML tags
Capturing groups
Check MAC-address
Find color in the format #abc or #abcdef
Find all numbers
Parse an expression
Backreferences in pattern: \N and \k<name>
Alternation (OR) |
Find programming languages
Find bbtag pairs
Find quoted strings
Find the full tag
Lookahead and lookbehind
Find non-negative integers
Insert After Head
Catastrophic backtracking
Sticky flag "y", searching at position
Methods of RegExp and String