profile
People are scared of falling to the bottom but born from there. What they've lost is nth. ๐Ÿ˜‰
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (158)JavaScript(13)notation(11)vanillajs(10)์•Œ๊ณ ๋ฆฌ์ฆ˜(7)webpack(5)Metaball(4)rxjs(4)ํšŒ๊ณ (3)issue(3)์‹คํ–‰์ปจํ…์ŠคํŠธ(2)programmers(2)DFS(2)closure(2)developers-clone(2)Design Pattern(2)dotenv-webpack(2)refactor(2)ํ”„๋กœ์ ํŠธ(2)greedy(1)์ด๋ฒคํŠธ๋ฃจํ”„(1)ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค(1)http(1)DNS(1)queue(1)AWS S3(1)browser(1)clone project(1)ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ(1)vue(1)React(1)๋‹คํŠธ ๊ฒŒ์ž„ ์ •๊ทœํ‘œํ˜„์‹(1)TDD(1)debounce(1)HistoryAPI(1)sessionStorage(1)brute force(1)node.js(1)network(1)ํฌํŠธํด๋ฆฌ์˜ค(1)tcp(1)vscode extension(1)Todo Tree(1)two pointer(1)versioning(1)github actions(1)MOONDEUK(1)changelog(1)์ด์Šˆ(1)์˜ค๋ฒ„์—”์ง€๋‹ˆ์–ด๋ง(1)this(1)CSS(1)styled components(1)extension(1)localstorage(1)custom event(1)leetcode(1)release note drafter(1)status error(1)release note(1)github(1)๋‹คํŠธ ๊ฒŒ์ž„ javascript(1)๋‹คํŠธ ๊ฒŒ์ž„(1)cookie(1)๊ตฌํ˜„(1)ssg(1)rendering(1)developers(1)algorithm(1)mobx(1)modal(1)๋‹คํŠธ ๊ฒŒ์ž„ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(1)canvas(1)ci(1)semantic release(1)nextjs(1)virtual DOM(1)scss(1)cors(1)SPA route(1)component(1)refactoring(1)web browser(1)boiler-plate(1)403 Fallback(1)
post-thumbnail

[Project] ๋ฒ„ํŠผ ์ด๋ฒคํŠธ ์ฝ”๋“œ ๋ฆฌํŒฉํ† ๋งํ•˜๊ธฐ 2 (VanillaJS)

์•Œ๊ณ  ๋ณด๋‹ˆ ํ”„๋กœ์ ํŠธ ์š”๊ตฌ์‚ฌํ•ญ์— ํ•˜์œ„ document๋„ form ๋ฐ‘์— ๋ Œ๋”๋ง๋˜๊ฒŒ ํ•ด๋†จ๋˜ ๊ฑธ ๊นŒ๋จน๊ณ  ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค ๐Ÿ˜‚๋”ฐ๋ผ์„œ ์ด๋ฅผ ์–ด๋–ป๊ฒŒ ํ•˜๋ฉด ์ข€ ๋” ์žฌ์‚ฌ์šฉ์„ฑ ๋†’๊ฒŒ ์ž˜ ์“ธ ์ˆ˜ ์žˆ์„๊นŒํ•˜๋‹ค๊ฐ€, ๋˜ ๋ฆฌํŒฉํ† ๋ง์„ ํ–ˆ์–ด์š”!๊ฒฐ๊ณผ์ ์œผ๋กœ ์–ด๋–ป๊ฒŒ ๋ณ€ํ–ˆ๋Š”์ง€๋ฅผ ์‚ดํŽด๋ด…์‹œ๋‹ค!๊ธฐ์กด subDocument

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

[Project] ์ค‘๋ณต๋˜๋Š” ์ฝ”๋“œ ๋ฆฌํŒฉํ† ๋งํ•˜๊ธฐ (VanillaJS)

์ €๋Š” ์ œ ์ฝ”๋“œ๋ฅผ ๋ณผ ๋•Œ ํ•ญ์ƒ ๋‹ค์Œ์„ ์šฐ๋ คํ•ฉ๋‹ˆ๋‹ค.์ด ์ฝ”๋“œ, ๊ณผ์—ฐ ๋‚˜์ค‘์— ๋˜ ์“ธ ์ˆ˜ ์žˆ์„๊นŒ?๋ญ”๊ฐ€ ์ค‘๋ณต๋˜๋Š” ๋“ฏํ•œ ๋А๋‚Œ์ด ๋“œ๋Š”๋ฐ?!์„ฑ๋Šฅ ๋ฉด์—์„œ ์˜ ๊ฝ ์•„๋ƒ?!๊ทธ๋Ÿฌ๋‹ค ๋ณด๋‹ˆ, ์ด๋ฒˆ์—๋„ ๋ญ”๊ฐ€ ์ œ ์ฝ”๋“œ๋ฅผ ๋ณด๋Š”๋ฐ, ์ด๋ฒคํŠธ ์ชฝ์— ์žˆ์–ด์„œ ์ค‘๋ณต๋˜๋Š” ๋ถ€๋ถ„์ด ๋ช‡ ์ฐจ๋ก€๋ณด์ด๊ฒŒ ๋์–ด์š”.๋”ฐ๋ผ์„œ ์‹œ์ž‘ํ•ฉ

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

[Project] ์ปค์Šคํ…€ ์ด๋ฒคํŠธ๋กœ ์–ดใ…ก์ธํ•˜๊ฒŒ ์ƒํƒœ ๋ณ€๊ฒฝํ•˜๊ธฐ (Vanilla JS)

์ œ๊ฐ€ ์ด ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉด์„œ, ๋ฌธ๋“ ์ด๋Ÿฐ ์ƒ๊ฐ์„ ํ•ด๋ดค์–ด์š”.๋ญ”๊ฐ€ ํ•˜๋‚˜ํ•˜๋‚˜ ์ƒํƒœ๋ณ€๊ฒฝ์„ ์ญ‰~๋‚ด๋ ค๊ฐ€์ง€ ์•Š๊ณ , ๊ทธ๋ƒฅ ๋ณ€๊ฒฝ์‹œํ‚ฌ๋งŒํ•œ ์•„์ด๋””์–ด๊ฐ€ ์—†์„๊นŒ?!๊ทธ๋Ÿฌ๋‹ค ์ƒ๊ฐ๋‚œ ๊ฒŒ ๋ฐ”๋กœ, customEvent๋ฅผ ์ž˜ ํ™œ์šฉํ•˜์ž!๋Š” ๊ฑฐ์˜€์–ด์š”. ๊ณ„์†ํ•ด์„œ window์—์„œ ๋ Œ๋”๋ง ๋œ ์ดํ›„ ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๋ฅผ

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

[Project] webpack historyAPI fallack ์„ค์ •์„ ํ†ตํ•œ SPA routing 404 error ํ•ด๊ฒฐ (vanillaJS SPA issue)

์‹œ์ž‘ํ•˜๋ฉฐ ๐ŸŒˆ ์ผ๋‹จ ์ง€๊ธˆ์˜ ๊ฒฝ์šฐ, ๋…ธ์…˜์ฒ˜๋Ÿผ

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

[Project] ๋ชจ๋‹ฌ์„ ํ†ตํ•œ ์ƒ์„ฑ/์‚ญ์ œ ๊ธฐ๋Šฅ ๊ตฌํ˜„

์˜ˆ... ํ˜„์žฌ 12์‹œ๊ฐ„ ํ”„๋กœ์ ํŠธ ์ค‘์ธ๋ฐ, ๊ฐ™์€ ๋ถ€๋ถ„์—์„œ 3์‹œ๊ฐ„ ์‚ฝ์งˆํ–ˆ๋„ค์š”...! ์ธ๋‚ด์‹ฌ์ด ๋๊นŒ์ง€ ๋‹ฌ๋ฆฌ๋˜ ์ˆœ๊ฐ„, ๋ญ”๊ฐ€ ์ œ๊ฐ€ ์˜คํ•ด๊ฐ€ ์žˆ์„ ๊ฑฐ๋ž€ ๋ถ€๋ถ„์„ ์ƒ๊ฐํ•ด์„œ ์ˆ˜์ •ํ•œ ๊ฒฐ๊ณผ, ์ •์ƒ ๋™์ž‘์„ ํ•˜๊ฒŒ ๋์๋‹ˆ๋‹ค!!! ๐Ÿ‘๐Ÿ‘๐Ÿ‘์ด๋ž˜์„œ ์ •๋ง... ์–ธ๋Ÿฌ๋‹์ด ์ค‘์š”ํ•˜๋‹ค๋Š” ๊ฒƒ์„ ๋‹ค์‹œ๊ธˆ ๋А๋‚๋‹ˆ

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

[Project] ์žฌ๊ท€๋œ ๋…ธ๋“œ์— ํ† ๊ธ€ ๊ตฌํ˜„ํ•˜๊ธฐ

์‹œ์ž‘ํ•˜๋ฉฐ ๐ŸŒˆ ์ด๋ฒˆ์—๋Š” ํ† ๊ธ€ ๋ฒ„ํŠผ์„ ๊ตฌํ˜„ ํ›„ ๊ธ€์„ ์“ฐ๊ฒŒ ๋˜๋„ค์š” ๐Ÿ˜ ์—ญ์‹œ ์ƒˆ๋ฒฝ ๊ฐ์„ฑ ์ฝ”๋”ฉ์ด ์ €์™€ ์ข€ ์ž˜ ๋งž๋Š” ๊ฑฐ ๊ฐ™์Šต๋‹ˆ๋‹ค! ์‚ฌ์‹ค ์ด๊ฑด ์ข€ ํ—ท๊ฐˆ๋ฆฌ๋Š” ๊ฒŒ ๋ช‡ ๊ฐ€์ง€ ์žˆ์—ˆ๋Š”๋ฐ์š”! ๊ฒฐ๊ตญ ํ•ด๊ฒฐํ•ด๋ƒˆ๋‹ค๋Š” ๊ฒƒ์— ํฐ ๋งŒ์กฑ์„ ํ•˜๋ ค ํ•ฉ๋‹ˆ๋‹ค ๐Ÿ˜„ >feat: document.querySel

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

[Project] javaScript์— webpack ๋‹ฌ๊ธฐ โญ

์˜ค๋Š˜์€ ์›นํŒฉ ๋ฒˆ๋“ค๋Ÿฌ๋ฅผ ๋‹ฌ์•˜์–ด์š”!์‚ฌ์‹ค Parcel์„ ํ• ๊นŒ๋„ ๊ต‰์žฅํžˆ ๊ณ ๋ฏผ์ด ๋งŽ์•˜์–ด์š”. ๊ฒฐ๊ตญ ๋ฒˆ๋“ค๋Ÿฌ๋„ ์ƒํ™ฉ์— ๋งž๋Š” ์„ ํƒ์ด๋ผ ์ƒ๊ฐํ•˜๋Š”๋ฐ, ํ˜„์žฌ ํ”„๋กœ์ ํŠธ๊ฐ€ ์ž‘์€๋ฐ๋‹ค, ๊ตณ์ด ์—„~์ฒญ ๋””ํ…Œ์ผํ•œ ์˜ต์…˜์„ ๋‹ฌ ๊ฒŒ ์—†์–ด์„œ, parcel๋งŒ์œผ๋กœ๋„ ์ถฉ๋ถ„ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์ด์—์š”.์‚ฌ์‹ค ์›นํŒฉ์„ ๋‹ฌ๊ธฐ ์œ„ํ•œ ์ด์œ 

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

[JS] ๋””๋ฐ”์šด์Šค ์–ด-์ธํ•˜๊ฒŒ ์“ฐ๊ธฐ!

์–ดใ…ก์ธํ•˜๊ฒŒ ํด๋กœ์ € ํ™œ์šฉํ•ด์„œ ์ „์—ญ๋ณ€์ˆ˜ ์—†์ด timer ์„ค์ •ํ•˜๊ธฐ ๐Ÿ–๐Ÿป

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

[Project] JavaScript๋กœ ๋ผ์šฐํŠธ ๊ตฌํ˜„ํ•˜๊ธฐ

ํ›„! ์–ด์ œ ์˜ค๋Š˜ ๊ฑฐ์˜ 10์‹œ๊ฐ„ ๋™์•ˆ ํ—ค๋งค๋‹ค๊ฐ€ ๊ฒฐ๊ตญ ๊ตฌํ˜„ํ•ด๋ƒˆ์–ด์š”! ๐Ÿ–๐Ÿป๐Ÿ–๐Ÿป๐Ÿ–๐Ÿป์‚ฌ์‹ค ์›๋ฆฌ๋Š” ์–ผ์ถ” ์•Œ๊ณ  ์žˆ์—ˆ๋Š”๋ฐ, ์ œ ์ฝ”๋“œ๋ฅผ ๋‹ค ๋’ค์—Ž์–ด์•ผ ํ•˜๋Š” ์ผ€์ด์Šค๋ผ, ๊ฒฐ๊ตญ ๋‹ค๋ฅธ ๊ผผ์ˆ˜(?)๋ฅผ ์ฐพ๋‹ค๊ฐ€ ๋ฐ”๊พธ๊ฒŒ ๋๋„ค์š”. ํ•˜์ง€๋งŒ ๊ฒฐ๊ตญ ๊ท€ํ•œ ๊ฑธ ์–ป์—ˆ์–ด์š”. ๋ง์„ค์ผ๊นŒ, ๋ง๊นŒํ•  ๋•Œ๋Š” ๊ทธ๋ƒฅ ์งˆ

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

[Project] ๊ธ€์“ฐ๊ธฐ ๊ธฐ๋Šฅ ๊ตฌํ˜„

์ตœ๊ทผ์— PPT ์ œ์ž‘๋„ ํ•˜๋žด, ์ด๋ ‡๊ฒŒ ์ •์‹  ์—†๋Š” ํ•˜๋ฃจ๋Š” ์˜ค๋žœ๋งŒ์ด๋„ค์š”. ์ €๋Š” ์ง€๊ธˆ ๊ต์œก์„ ๋“ค์œผ๋ฉฐ ์ œ ์•ž๊ธธ์„ ๋ชจ์ƒ‰ํ•˜๊ณ  ์žˆ์ง€๋งŒํ™•์‹คํžˆ ๋ฐ”๊นฅ์€, ํ•˜๋ฐ˜๊ธฐ๊ฐ€ ์‹œ์ž‘๋˜์–ด๊ฐ€๋Š” ๋“ฏํ•œ ๋А๋‚Œ์ด ๋“ค์–ด์š”.๊ทธ๋ž˜์„œ์ธ์ง€, ์ตœ๊ทผ์— ์ •~๋ง ๋งŽ์€ ๊ณ ๋ฏผ์„ ํ–ˆ๋Š”๋ฐ์š”, ๊ทธ๋ž˜๋„ ์—ญ์‹œ ์ด ๋ชจ๋“  ๊ฒƒ์ด ์ œ๊ฐ€ ๊ฐœ๋ฐœ ์‹ค๋ ฅ์ด

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

[Project] PostList ๋ถˆ๋Ÿฌ์˜ค๊ธฐ ๊ธฐ๋Šฅ ๊ตฌํ˜„

๋…ธ์…˜๊ณผ ๊ฐ™์€ ๊ธฐ๋Šฅ์„ ๊ฐ€์ง„ ํ”„๋กœ์ ํŠธ ์‹œ์ž‘!

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