profile
๐Ÿฅจ UX, Graphic์— ๊ด€์‹ฌ์ด ๋งŽ์€ ์ฃผ๋‹ˆ์–ด ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž. ์ด๋ชจ์ง€ Lover ๐Ÿ’˜
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (59)์ฃผ๊ฐ„์ ๊ฒ€(14)JavaScript(13)TIL(7)ํ† ์ดํ”„๋กœ์ ํŠธ(6)react.js(5)Azure(4)ํด๋ผ์šฐ๋“œ(4)FE๋ฉด์ ‘๋Œ€๋น„(4)d3.js(3)๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™”(3)TOAST UI(2)figma(2)django(2)ES6(2)svg(2)React(2)React Hooks(2)AZ-900(2)์•Œ๊ณ ๋ฆฌ์ฆ˜(2)three.js(1)IT Blog(1)๋ธ”๋กœ๊ทธ ์ถ”์ฒœ(1)PaaS(1)๋ฐ˜๋‹ฌ์“ฐ๊ธฐ(1)ํผ๋ธ”๋ฆฌ์‹ฑ(1)es2015(1)python(1)์˜คํ”ˆ์†Œ์Šค(1)์‚ฌ์ด๋“œํ”„๋กœ์ ํŠธ(1)svg์• ๋‹ˆ๋ฉ”์ด์…˜(1)ํฌํŠธํด๋ฆฌ์˜ค(1)javascript tutorial(1)ํ”„๋ก ํŠธ์—”๋“œ ํฌํŠธํด๋ฆฌ์˜ค(1)ie(1)mongodb(1)๊ตฌ๊ธ€๋ธ”๋กœ๊ฑฐ(1)๊ณต๊ณต๋ฐ์ดํ„ฐ(1)์Šคํƒ€์ผ ๊ฐ€์ด๋“œ(1)๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค(1)this(1)design(1)ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ง•(1)CSS(1)๋‡Œ๊ณผํ•™(1)ํ˜‘์—…(1)์˜ํ•œ๋ฒˆ์—ญ(1)๋ฐ์ดํ„ฐ๋ชจ๋ธ๋ง(1)ecmascript2015(1)๊ธฐ์ˆ ๋ธ”๋กœ๊ทธ(1)nosql(1)API Scraping(1)์›น์„œ๋น„์Šค ๊ธฐํš(1)์Šคํƒ€์ผ๊ฐ€์ด๋“œ(1)์ด๋ฒˆ์—” ์ข€ ๋Šฆ์—ˆ๋‹ค ใ…Žใ…Ž(1)devops(1)WebGL(1)์—์„ธ์ด(1)3D(1)๋ณ„ ๊ฑฐ ์—†์Œ(1)์ฝ”๋”ฉ์ปจ๋ฒค์…˜(1)์„œํ‰(1)animation(1)front end(1)๋ฒˆ์—ญ(1)figma svg(1)blogger(1)์˜คํ”ˆ์†Œ์Šค์— ๊ธฐ์—ฌํ•˜๊ธฐ(1)redux thunk(1)redux saga(1)์ดˆ๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ(1)ํ˜ธ์ด์ŠคํŒ…(1)
post-thumbnail

Javascript ์ฝ”์–ด๊ฐœ๋… - call/apply/bind

Function.prototype.bind / call / apply์˜ ์ฐจ์ด์ ์€ ๋ฌด์—‡์ธ๊ฐ€์š”?โ‡’ this์˜ ์ผ๋ฐ˜ ๋ฐ”์ธ๋”ฉ ๊ทœ์น™์™ธ์—, ๋ช…์‹œ์ ์œผ๋กœ this๋ฅผ ๋ฐ”์ธ๋”ฉํ•˜๋Š” ๋ฐฉ๋ฒ•๋“ค์ž…๋‹ˆ๋‹ค.: ๋ฉ”์„œ๋“œ์˜ ํ˜ธ์ถœ ์ฃผ์ฒด์ธ ํ•จ์ˆ˜๋ฅผ ์ฆ‰์‹œ ์‹คํ–‰ํ•˜๋„๋ก ํ•˜๋Š” ๋ช…๋ น. ์ž„์˜์˜ ๊ฐ์ฒด๋ฅผ this๋กœ ์ง€์ •ํ•  ์ˆ˜

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

Javascript ์ฝ”์–ด๊ฐœ๋… - this

this๋Š” JavaScript์—์„œ ์–ด๋–ป๊ฒŒ ์ž‘๋™ํ•˜๋Š”์ง€ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”.ํ•จ์ˆ˜ ํ˜ธ์ถœ โ†’ ์‹คํ–‰ ์ปจํ…์ŠคํŠธ ์ƒ์„ฑ โ†’ this ๊ฐ€ ๊ฒฐ์ •โ‡’ ์ฆ‰, ํ•จ์ˆ˜ ํ˜ธ์ถœ๋  ๋•Œ this๊ฐ€ ๊ฒฐ์ •๋œ๋‹ค๊ณ  ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.์ „์—ญ๊ณต๊ฐ„ - this = window, globalํ•จ์ˆ˜ vs. ๋ฉ”์„œ๋“œ(ํ•จ์ˆ˜์™€ ๋ฉ”์„œ๋“œ ๋ชจ๋‘

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

Javascript ์ฝ”์–ด ๊ฐœ๋… - ํ˜ธ์ด์ŠคํŒ…

: JS ์—”์ง„์ด ๋ณ€์ˆ˜ ์ •๋ณด๋ฅผ ์ˆ˜์ง‘ํ•˜๋Š” ๊ณผ์ •์„ ์ดํ•ดํ•˜๊ธฐ ์‰ฌ์šด ๋ฐฉ๋ฒ•์œผ๋กœ ๋Œ€์ฒดํ•œ ๊ฐ€์ƒ์˜ ๊ฐœ๋…. environmentRecord๋Š” ์‹คํ–‰ ์ปจํ…์ŠคํŠธ์—์„œ ์‹คํ–‰ํ•˜๋Š” ์ •๋ณด ์ค‘, VariableEnvironment & LexicalEnvironment ๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ์ •๋ณด ์ค‘ ํ•˜๋‚˜. ํ˜„์žฌ

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

Panic Attack Helper ๐Ÿšจ ๋ฏธ๋‹ˆ ํ”Œ์  ์™„๋ฃŒ

Javascript๋กœ ๊ฐ„๋‹จํ•œ ๋ช…์ƒ์•ฑ ๋งŒ๋“œ๋Š” ํŠœํ† ๋ฆฌ์–ผ ๋ณด๋‹ค๊ฐ€ ๊ธ‰ ๋ฝ๋ฟŒ ๋ฐ›์•„์„œ ๋งŒ๋“  ์ดˆ๋ฏธ๋‹ˆ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜\~~! ์‹ฌ์‹ฌํ•  ๋•Œ๋งˆ๋‹ค ์กฐ๊ธˆ์”ฉ ํ•˜๋‹ค๋ณด๋‹ˆ ์‹œ์ž‘ํ•œ์ง€ 2์ฃผ๋งŒ์— ๋“œ๋””์–ด ๋ฐฉ์ ์„ ์ฐ๊ฒŒ๋๋‹ค!๋””ํ…Œ์ผ์— ์กฐ๊ธˆ์”ฉ ์•„์‰ฌ์šด ๋ถ€๋ถ„์ด ์—ฌ์ „ํžˆ ๋‚จ์•„์žˆ์ง€๋งŒ, ์žฌ๋ฏธ๋กœ ๋š๋”ฑ ๋น ๋ฅด๊ฒŒ ๋งŒ๋“ค์–ด๋ณด๋ ค๊ณ  ์‹œ์ž‘ํ•œ

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

Panic Attack Helper ๐Ÿšจ ๐Ÿ†˜ -์ค‘๊ฐ„์ ๊ฒ€

(์ดˆ์ดˆ์ดˆ๋ฏธ๋‹ˆ) ํ† ์ดํ”„๋กœ์ ํŠธ ๊ฒฝ๊ณผ๋ณด๊ณ : ๊ณตํ™ฉ์ƒํƒœ๊ฐ€ ์™”์„ ๋•Œ, ๋˜๋Š” ์‹ฌ์‹ ์•ˆ์ •์ด ํ•„์š”ํ•  ๋•Œ Relax ๐Ÿ’†โ€ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” ์›น์•ฑ๐Ÿšจ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ๋ฐ”๋กœ ํ˜ธํก ๊ฐ€์ด๋“œ ์‹œ์ž‘. (๋ฒ„ํŠผ ๋””์ž์ธ์ค‘)ํ˜ธํก ๊ฐ€์ด๋“œ : ์†๋„ ์กฐ์ ˆ ๊ฐ€๋Šฅ(slower/faster), ์ˆจ์‰ฌ๊ธฐ ์‹œ๊ฐํ™” (

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

Panic Attack Helper ๐Ÿšจ ๐Ÿ†˜

์ดˆ์ดˆ์ดˆ๋ฏธ๋‹ˆ ์›น์•ฑ ๐Ÿ˜ƒ ๋ช…์ƒ์•ฑ ํŠœํ† ๋ฆฌ์–ผ ๋ณด๋‹ค๊ฐ€ ์™ ์ง€ ์ด๋Ÿฐ ์•ฑ ํ•„์š”ํ•œ ์‚ฌ๋žŒ์ด ์žˆ์ง€ ์•Š์„๊นŒ ํ•˜์—ฌ..: ๊ณตํ™ฉ์ƒํƒœ๊ฐ€ ์™”์„ ๋•Œ, ๋˜๋Š” ์‹ฌ์‹ ์•ˆ์ •์ด ํ•„์š”ํ•  ๋•Œ Relax ๐Ÿ’†โ€ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” ์›น์•ฑ๐Ÿšจ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ๋ฐ”๋กœ ํ˜ธํก ๊ฐ€์ด๋“œ ์‹œ์ž‘.ํ˜ธํก ๊ฐ€์ด๋“œ : ์†๋„ ์กฐ์ ˆ ๊ฐ€๋Šฅ(sl

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

[์˜คํ”ˆ ์†Œ์Šค ๊ธฐ์—ฌํ•˜๊ธฐ] javascript tutorial ๋ฒˆ์—ญ ์ฐธ์—ฌํ•˜๊ธฐ

ํ•ญ์ƒ ์˜คํ”ˆ์†Œ์Šค์— ๊ธฐ์—ฌํ•ด๋ณด๊ณ  ์‹ถ์€ ๋งˆ์Œ์ด ์žˆ์—ˆ์ง€๋งŒ, ์•„์ง ์ฝ”๋“œ๋กœ ๊ธฐ์—ฌํ•  ์ˆ˜์ค€์ด ๋˜์ง€ ์•Š๋Š”๋‹ค๊ณ  ์ƒ๊ฐํ•ด ์ฒซ ๋ฐœ์„ ๋–ผ์ง€ ๋ชป ํ•˜๊ณ  ์žˆ์—ˆ๋‹ค. ๐Ÿ˜‚๊ทธ๋Ÿฌ๋‹ค๊ฐ€ ์—˜๋ฆฌ ๋“œ๋ฆผ์ฝ”๋”ฉ ์˜์ƒ์—์„œ ๋ชจ๋˜ Javascript ํŠœํ† ๋ฆฌ์–ผ ์‚ฌ์ดํŠธ์˜ ์˜ํ•œ๋ฒˆ์—ญ์— ์ฐธ์—ฌํ•ด๋ณด๋ผ๋Š” ๋Œ“๊ธ€์„ ๋ณด๊ณ ! ์šฉ๊ธฐ๋ฅผ ์–ป์–ด ์˜ค๋Š˜ ์ฒซ

2020๋…„ 6์›” 27์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

๋“œ๋ฆผ์ฝ”๋”ฉ by ์—˜๋ฆฌ - ์œ ์šฉํ•œ 10๊ฐ€์ง€ ๋ฐฐ์—ด ํ•จ์ˆ˜๋“ค - ํ€ด์ฆˆ ์ •๋‹ต

์ •๋‹ต์€ ์•„๋‹ˆ๊ณ  ํ˜ผ์ž ํ’€์–ด๋ณธ ์ฝ”๋“œ์ด๋‹ˆ ์•„ ์ด๋ ‡๊ฒŒ๋„ ํ‘ธ๋Š”๊ตฌ๋‚˜~ํ•˜๊ณ  ์ฐธ์กฐํ•ด์ฃผ์„ธ์š”! ์ •ํ™•ํ•œ ๋‹ต์€ ๊นจ๋—ํ•œ ์—˜๋ฆฌ๋‹˜์˜ ์ฝ”๋“œ๋กœ ํ™•์ธ๐ŸŒž

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

Javascript ํ•จ์ˆ˜ ์œ ํ˜• ES5+

์˜ค๋Š˜ ํ•จ์ˆ˜ ํŒŒํŠธ ์ •๋ฆฌ๋ถ€๋ถ„ โœ๏ธ์ด๋ฆ„์—†์ด ํ•จ์ˆ˜๋ฅผ ์„ ์–ธํ•˜๊ณ  ๋ณ€์ˆ˜์— ์ €์žฅํ•œ ํ›„ ๋ณ€์ˆ˜๋ฅผ ํ˜ธ์ถœํ•ด ์‚ฌ์šฉํ•˜๋Š” ํ•จ์ˆ˜ํ•จ์ˆ˜ ์ •์˜ํ•˜๊ณ  ๋ฐ”๋กœ ์‹คํ–‰

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

[์•Œ๊ณ ๋ฆฌ์ฆ˜]Level 1. K๋ฒˆ์งธ ์ˆ˜

๋ฌธ์ œ ์„ค๋ช…๋ฐฐ์—ด array์˜ i๋ฒˆ์งธ ์ˆซ์ž๋ถ€ํ„ฐ j๋ฒˆ์งธ ์ˆซ์ž๊นŒ์ง€ ์ž๋ฅด๊ณ  ์ •๋ ฌํ–ˆ์„ ๋•Œ, k๋ฒˆ์งธ์— ์žˆ๋Š” ์ˆ˜๋ฅผ ๊ตฌํ•˜๋ ค ํ•ฉ๋‹ˆ๋‹ค.์˜ˆ๋ฅผ ๋“ค์–ด array๊ฐ€ 1, 5, 2, 6, 3, 7, 4, i = 2, j = 5, k = 3์ด๋ผ๋ฉด array์˜ 2๋ฒˆ์งธ๋ถ€ํ„ฐ 5๋ฒˆ์งธ๊นŒ์ง€ ์ž๋ฅด๋ฉด 5, 2,

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

[์•Œ๊ณ ๋ฆฌ์ฆ˜]level 1.๋‘ ์ •์ˆ˜ ์‚ฌ์ด์˜ ํ•ฉ

์ƒˆ๋ฒฝ์— ์ž ์ด ๊นผ๋Š”๋ฐ ๋„๋ฌด์ง€ ์ž ์ด ์˜ค์ง€ ์•Š์„ ๊ฒƒ ๊ฐ™์•„์„œ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋ฌธ์ œ๋ฅผ ํ’€์–ด๋ณธ๋‹ค.์ „์— ํ’€์–ด๋ดค๋˜ ๋ฌธ์ œ์ธ๋ฐ, ๊ทธ ๋•Œ๋Š” ๊ฐ€์šฐ์Šค์˜ ํ•ฉ์œผ๋กœ ํ’€์—ˆ์—ˆ๋‹ค. ์ด๋ฒˆ์—๋Š” for ๋ฌธ์œผ๋กœ ํ•ด๊ฒฐํ•ด๋ด์•ผ์ง€.๋ฌธ์ œ ์„ค๋ช… ๋‘ ์ •์ˆ˜ a, b๊ฐ€ ์ฃผ์–ด์กŒ์„ ๋•Œ a์™€ b ์‚ฌ์ด์— ์†ํ•œ ๋ชจ๋“  ์ •์ˆ˜์˜ ํ•ฉ์„ ๋ฆฌํ„ดํ•˜๋Š” ํ•จ

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

๊ณ ๋Œ€ํ•˜๋˜ three.js ์™€์˜ ์ฒซ ๋งŒ๋‚จ

HTML์„ ์ฒ˜์Œ ๋ฐฐ์šฐ๊ธฐ ์‹œ์ž‘ํ–ˆ๋˜ ์ž‘๋…„ ์—ฌ๋ฆ„, ํ•ด์™ธ ์›น์‚ฌ์ดํŠธ๋“ค์„ ๋ˆˆํŒ…ํ•˜๋‹ค๊ฐ€ ํ•œ๋ˆˆ์— ๋ฐ˜ํ•ด๋ฒ„๋ ธ๋˜ 2D/3D WebGL ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ - three.js ๐Ÿคฉ์‹œ๊ฐ์ ์ธ ๊ฒฐ๊ณผ๋ฌผ์„ ๋‚ด๋Š” ์ž‘์—…์„ ์ข‹์•„ํ•˜๋Š” ๋‚˜์—๊ฒŒ๋Š” ์•„์ฃผ์•„์ฃผ ๋งค๋ ฅ์ ์ธ ๋„์ „ ๊ณผ์ œ์˜€๋‹ค.ํ˜„๋ž€ํ•œ ์• ๋‹ˆ๋ฉ”์ด์…˜๊ณผ 3D ์š”์†Œ๋“ค์ด ๋„ˆ๋ฌด ๋ณต

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

TOAST UI FE ์Šคํƒ€์ผ ๊ฐ€์ด๋“œ(ES5 to ES6+) ์ผ๋ถ€ ์ •๋ฆฌ

์ถœ์ฒ˜ : NHN ์—”ํ„ฐvar : ํ•จ์ˆ˜ ์Šค์ฝ”ํ”„, Hoisting ๋ฐœ์ƒconst, let : ๋ธ”๋ก ์Šค์ฝ”ํ”„ \- const : ์„ ์–ธ ์ดํ›„ ์ˆ˜์ • ๋ถˆ๊ฐ€. BUT ํ”„๋กœํผํ‹ฐ๋Š” ์ˆ˜์ • ๊ฐ€๋Šฅํ‘œํ˜„์‹์ด ์งง์•„์ง€๋ฉฐ, this ๋ฐ”์ธ๋”ฉ ์ด์Šˆ๋„ ํ•ด๊ฒฐํ•ด์ค€๋‹ค.ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋Š” ํ•ด๋‹น ์ปจํ…์ŠคํŠธ์˜ this ๊ฐ์ฒด

2020๋…„ 6์›” 20์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€