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

ํŒจ์ŠคํŠธ ์บ ํผ์Šค MGS 3๊ธฐ - 4์›” 28์ผ(JavaScript ์ •๊ทœํ‘œํ˜„์‹)

๐Ÿ’ก Keyword ์ •๊ทœํ‘œํ˜„์‹์˜ ์“ฐ์ž„์ƒˆ ์ •๊ทœํ‘œํ˜„์‹์—์„œ ์‚ฌ์šฉ๋˜๋Š” ๋ฉ”์†Œ๋“œ ์ •๊ทœํ‘œํ˜„์‹ ๋ฌธ์ž์—ด์„ ๊ฒ€์ƒ‰ํ•˜๊ณ  ๋Œ€์ฒดํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ผ์ข…์˜ ํ˜•์‹ ์–ธ์–ด(ํŒจํ„ด)์ด๋‹ค. ๋ฌธ์ž ๊ฒ€์ƒ‰(search) ๋ฌธ์ž ๋Œ€์ฒด(replace) ๋ฌธ์ž ์ถ”์ถœ(extract) > ๐Ÿค” ์ •๊ทœํ‘œํ˜„์‹ ํ…Œ์ŠคํŠธ ์‚ฌ

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

ํŒจ์ŠคํŠธ ์บ ํผ์Šค MGS 3๊ธฐ - 4์›” 27์ผ(JavaScript ๋ฐ์ดํ„ฐ ์‹ค์Šต)

๐Ÿ’ก Keyword 1. ๊ฐ€์ ธ์˜ค๊ธฐ, ๋‚ด๋ณด๋‚ด๊ธฐ Default export: ์ด๋ฆ„์„ ์ง€์ •ํ•˜์ง€ ์•Š๊ณ ๋„ ๋‚ด๋ณด๋‚ผ ์ˆ˜ ์žˆ๋‹ค. Named export: ์ด๋ฆ„์„ ์ง€์ •ํ•˜์—ฌ ๋‚ด๋ณด๋‚ด์•ผ ํ•œ๋‹ค. getType.js, getRandom.js๋ฅผ ํ†ตํ•ด ๋‚ด๋ณด๋‚ด๊ณ , main.js์—์„œ ๊ฐ€์ ธ์™€์„œ ์‚ฌ

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

ํŒจ์ŠคํŠธ ์บ ํผ์Šค MGS 3๊ธฐ - 4์›” 27์ผ(JavaScript ๋ฐ์ดํ„ฐ)

๐Ÿ’ก Keyword ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น ์ „๊ฐœ ์—ฐ์‚ฐ์ž(...) ์›์‹œ ๋ฐ์ดํ„ฐ์™€ ์ฐธ์กฐํ˜• ๋ฐ์ดํ„ฐ์˜ ๋ถˆ๋ณ€์„ฑ ์–•์€ ๋ณต์‚ฌ์™€ ๊นŠ์€ ๋ณต์‚ฌ(with lodash) 1. ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น ๊ฐ์ฒด ๋ฐ์ดํ„ฐ์—์„œ์˜ ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น user๋ผ๋Š” ๊ฐ์ฒด ๋ฐ์ดํ„ฐ์—์„œ ๋‚ด์šฉ์„ '๊ตฌ์กฐ ๋ถ„ํ•ด' ํ•ด์„œ ๋‚ด๊ฐ€ ์›ํ•˜๋Š”

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

ํŒจ์ŠคํŠธ ์บ ํผ์Šค MGS 3๊ธฐ - 4์›” 26์ผ(JavaScript ๋ฐ์ดํ„ฐ)

๐Ÿ’ก Keyword ๊ฐ ๋ฐ์ดํ„ฐ(๋ฌธ์ž์—ด, ์ˆซ์ž ๋ฐฐ์—ด ๋“ฑ)์— ์ ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์†์„ฑ๋“ค ๋ฐ์ดํ„ฐ ๋‹ค์Œ ๋ฐ์ดํ„ฐ๋“ค์„ ๋‹ค๋ฃจ๋Š” ์ถ”๊ฐ€์ ์ธ ๋ช…๋ น๋“ค์— ๊ด€ํ•ด ๋ฐฐ์›Œ๋ณด์ž. String: "", '', `` Number Boolean: true, false undefined null Arra

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

ํŒจ์ŠคํŠธ ์บ ํผ์Šค MGS 3๊ธฐ - 4์›” 26์ผ(JavaScript ํด๋ž˜์Šค)

๐Ÿ’ก Keyword js์˜ ํด๋ž˜์Šค - ์ƒ์„ฑ์ž์™€ this ํ•จ์ˆ˜ ์ข…๋ฅ˜์— ๋”ฐ๋ฅธ this์˜ ์ •์˜ ES6 Classes ์ƒ์†(ํ™•์žฅ) ํด๋ž˜์Šค 1. ์ƒ์„ฑ์ž ํ•จ์ˆ˜(prototype) ๋‹ค์Œ ์˜ˆ์ œ์—์„œ ๊ฐ์ฒด ๋ฐ์ดํ„ฐ๋ฅผ ํ•˜๋‚˜ ๋งŒ๋“ค ๋•Œ๋งˆ๋‹ค ๋ฉ”๋ชจ๋ฆฌ์— ํ• ๋‹น๋˜๋Š”๋ฐ ํ•จ์ˆ˜๋Š” ๋กœ์ง์ด ๋˜‘๊ฐ™์Œ์—๋„ ๋ถˆ

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

ํŒจ์ŠคํŠธ ์บ ํผ์Šค MGS 3๊ธฐ - 4์›” 25์ผ(JavaScript)

https://nodejs.org/en/๐Ÿค” LTS(Long Term Supported)์žฅ๊ธฐ์ ์œผ๋กœ ์•ˆ์ •๋˜๊ณ  ์‹ ๋ขฐ๋„๊ฐ€ ๋†’์€ ์ง€์›์ด ๋ณด์žฅ๋˜๋Š” ๋ฒ„์ „์œผ๋กœ, ์œ ์ง€/๋ณด์ˆ˜์™€ ๋ณด์•ˆ(์„œ๋ฒ„ ์šด์˜ ๋“ฑ)์— ์ดˆ์ ์„ ๋งž์ถฐ ๋Œ€๋ถ€๋ถ„ ์‚ฌ์šฉ์ž์—๊ฒŒ ์ถ”์ฒœ๋˜๋Š” ๋ฒ„์ „์ด๋‹ค.https://gi

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

ํŒจ์ŠคํŠธ ์บ ํผ์Šค MGS 3๊ธฐ - 4์›” 25์ผ(JavaScript ๊ฐœ์š”)

JavaScript ๊ฐœ์š” 1. ํ‘œ๊ธฐ๋ฒ• dash-case(kebab-case) HTML, CSS the-quick-brown-fox snake_case HTML, CSS thequickbrown_fox camelCase JS theQuickBro

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

ํŒจ์ŠคํŠธ ์บ ํผ์Šค MGS 3๊ธฐ - 4์›” 19์ผ(JavaScript ํŠน๊ฐ•)

๐Ÿ’ก Keyword ํ•จ์ˆ˜ ์„ ํƒ์ž -getElementById, getElementsByClassName, querySelector PSEUDO CODE Javascript ํŠน๊ฐ• ref: https://northern-goldfish-40c.notion.site/J

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

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

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

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