profile
๐Ÿ™‹โ€โ™€๏ธ ์•ˆ๋…•ํ•˜์„ธ์š”! ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค.
post-thumbnail

[Javascript] ๊ธˆ์œต์•ฑ ํ† ์ด ํ”„๋กœ์ ํŠธ - ๋ฆฌํŒฉํ† ๋ง

๐Ÿ’ก ๋ฆฌํŒฉํ† ๋ง import์šฉ ํŒŒ์ผ ์ƒ์„ฑ ์šฉ๋„์— ๋”ฐ๋ฅธ js ํŒŒ์ผ ๋ถ„๋ฆฌ JSON ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ chart.js ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ` โ†’ ` ๋ณ€๊ฒฝ className, classList.add, setAttribute JSON ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ ๋ถ€๋ถ„ ๊ตฌ์กฐ ๋ณ€๊ฒฝ ์ค‘

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

[Javascript] ๊ธˆ์œต์•ฑ ํ† ์ด ํ”„๋กœ์ ํŠธ

๐Ÿช™ Fintech App ๊ธˆ์œต์•ฑ ํ™”๋ฉด์„ ์›น์œผ๋กœ ๊ตฌํ˜„ํ•ด๋ณด๋Š” ํ”„๋กœ์ ํŠธ์ด๋‹ค. 5์›” 6์ผ ์ €๋…๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด์„œ 5์›” 10์ผ๊นŒ์ง€, ์ฃผ๋ง์„ ์ œ์™ธํ•œ๋‹ค๋ฉด ์•ฝ 3์ผ๋™์•ˆ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•ด์•ผ ํ–ˆ๋‹ค. Figma๋ฅผ ํ†ตํ•ด ๋ฐ›์€ ๋””์ž์ธ ์‹œ์•ˆ์„ ๋ณด๊ณ  HTML๊ณผ CSS๋กœ ํ™”๋ฉด์„ ๊ตฌ์„ฑํ–ˆ๊ณ , Javas

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

[HTML/CSS] ๊ตญ๋ฏผ์€ํ–‰ ์›น์‚ฌ์ดํŠธ ํด๋ก ์ฝ”๋”ฉ

๐Ÿ‘ ๋“ค์–ด๊ฐ€๊ธฐ ์ „.. ์ด์ „๋ถ€ํ„ฐ ์š”์†Œ๋“ค์„ ๋ฐฐ์น˜ํ•˜๋Š” ๊ฒƒ์— ์ž์‹ ์ด ์—†์—ˆ๋‹ค. ๋ ˆ์ด์•„์›ƒ์„ ์žก์ง€ ์•Š๊ณ  ํ•ญ์ƒ ์š”์†Œ ์œ„์น˜๋ฅผ margin-left๋‚˜ margin-right์„ ์จ์„œ ๋ง‰๋ฌด๊ฐ€๋‚ด๋กœ ๊พธ์—ญ๊พธ์—ญ ๋งž์ถ”๊ธฐ ์ผ์‘ค์˜€๊ณ , ๊ทธ๋ž˜์„œ ํ™”๋ฉด ๋น„์œจ์ด ๋ฐ”๋€Œ๋ฉด ๋ฐฐ์น˜ํ•ด๋‘” ๋ฒ„ํŠผ์ด ํ™”๋ฉด ๋์ž๋ฝ์— ๊ฐ€ ์žˆ๊ฑฐ๋‚˜

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

ํŒจ์ŠคํŠธ ์บ ํผ์Šค MGS 3๊ธฐ - 4์›” 18์ผ

๐Ÿ’ก Keyword Javascript์˜ ํ•จ์ˆ˜ ์›นํŽ˜์ด์ง€์˜ ๊ตฌ์กฐ ํŒŒ์•… 1. Javascript ๊ตฌ์กฐ์ ์ธ ๊ฐ์ฒด๋ฅผ ์ •์ ์œผ๋กœ ์ฐ์–ด๋‚ด๋Š” html๊ณผ๋Š” ๋‹ฌ๋ฆฌ js๋Š” ๋ฐ์ดํ„ฐ์— ๋Œ€ํ•œ ๋ฐ˜๋ณต, ๋น„๊ต, ํ‰๊ฐ€, ์ €์žฅ ๋“ฑ ์ผ๋ จ์˜ ์ผ๋“ค์„ CPU์— ๋ช…๋ นํ•  ์ˆ˜ ์žˆ๋Š” ๋‹ค์–‘ํ•œ ํ‘œํ˜„๋ ฅ์„ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค

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

HTML ๊ฐœ์š”์™€ ํ•ต์‹ฌ ์ •๋ฆฌ

๋ถ€๋ชจ, ์ž์‹, ์ƒ์œ„(์กฐ์ƒ), ํ•˜์œ„(ํ›„์†) ์š”์†Œ์ธ๋ผ์ธ ์š”์†Œ์™€ ๋ธ”๋ก ์š”์†Œํ•ต์‹ฌ ์š”์†Œ์ „์—ญ ์†์„ฑ๋ถ€๋ชจ ์š”์†Œ(๋ฐ”๋กœ ์œ„)2๋ฒˆ ์š”์†Œ ๊ธฐ์ค€ 1๋ฒˆ ์š”์†Œ๋Š” ๋ถ€๋ชจ ์š”์†Œ3๋ฒˆ ์š”์†Œ ๊ธฐ์ค€ 2๋ฒˆ ์š”์†Œ๋Š” ๋ถ€๋ชจ ์š”์†Œ์ž์‹ ์š”์†Œ(๋ฐ”๋กœ ์•„๋ž˜)1๋ฒˆ ์š”์†Œ ๊ธฐ์ค€ 2๋ฒˆ ์š”์†Œ2๋ฒˆ ์š”์†Œ ๊ธฐ์ค€ 3๋ฒˆ ์š”์†Œ์ƒ์œ„(์กฐ์ƒ) ์š”์†Œ

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

ํŒจ์ŠคํŠธ ์บ ํผ์Šค MGS 3๊ธฐ - 4์›” 15์ผ

๐Ÿ’ก Keyword ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด ๋ฌด์—‡์ธ์ง€์— ๋Œ€ํ•ด ์ƒ๋Œ€ ๊ฒฝ๋กœ์™€ ์ ˆ๋Œ€ ๊ฒฝ๋กœ ๊ฐœ๋ฐœ์ž ๋„๊ตฌ CodePen ๋ธŒ๋ผ์šฐ์ € ์Šคํƒ€์ผ ์ดˆ๊ธฐํ™” 1. ์ปดํ“จํ„ฐ์˜ ๋ฉ”๋ชจ๋ฆฌ ์ปดํ“จํ„ฐ๋Š” ๋ฉ”๋ชจ๋ฆฌ์— ์žˆ๋Š” ๋ฐ์ดํ„ฐ๋ฅผ CPU๊ฐ€ ๊ณ„์‚ฐํ•ด์ฃผ๋Š” ๊ณ„์‚ฐ๊ธฐ์ด๋‹ค. ๋ฉ”๋ชจ๋ฆฌ๋Š” ์ž…๋ ฅ๋œ ์‹ ํ˜ธ(์ฃผ์†Œ/๋ฐ์ดํ„ฐ)์— ๋Œ€ํ•œ ์ „์ž ์ƒํƒœ

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