profile
๐Ÿ‘ฉโ€๐Ÿ’ป ์—˜๋ฆฌ์Šค SW ์—”์ง€๋‹ˆ์–ด ํŠธ๋ž™ 2๊ธฐ
post-thumbnail

[TIL] Axios API

Day18 Axios API ๐Ÿ

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

[TIL] async/await, HTTP, REST API, Fetch API

Day18 async/await, API ๐Ÿ

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

[TIL] Promise hell, Promise race / all, async & await, Debouncing, Throttling

Day18 async/await๊ณผ API

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

[TIL] Ajax, fetch, promise, CRUD, JSON, Asynchronous, Debouncing

Day16 ๋น„๋™๊ธฐ ํ†ต์‹ ๊ณผ Promise

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

this

ํ•จ์ˆ˜๊ฐ€ ํ˜ธ์ถœ๋˜๋Š” ์ƒํ™ฉ์€ 4๊ฐ€์ง€๊ฐ€ ์žˆ๋‹คํ•จ์ˆ˜ ํ˜ธ์ถœ - ํ•จ์ˆ˜๋ฅผ ์ง์ ‘ ํ˜ธ์ถœํ•œ๋‹ค.๋ฉ”์„œ๋“œ ํ˜ธ์ถœ - ๊ฐ์ฒด์˜ ๋ฉ”์„œ๋“œ๋ฅผ ํ˜ธ์ถœํ•œ๋‹ค.์ƒ์„ฑ์ž ํ˜ธ์ถœ - ์ƒ์„ฑ์ž ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•œ๋‹ค.๊ฐ„์ ‘ ํ˜ธ์ถœ - call, apply ๋“ฑ์œผ๋กœ ํ•จ์ˆ˜๋ฅผ ๊ฐ„์ ‘ ํ˜ธ์ถœํ•œ๋‹ค.๊ทธ ์™ธ ์ฝœ๋ฐฑ ํ•จ์ˆ˜์˜ ํ˜ธ์ถœ์ด ์žˆ๋‹ค์ฝœ๋ฐฑ ํ•จ์ˆ˜๋Š” ํŠน์ • ๋™์ž‘

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

[์ฃผ์ฐจํšŒ๊ณ ] ์—˜๋ฆฌ์Šค SW ์—”์ง€๋‹ˆ์–ด ํŠธ๋ž™ 2๊ธฐ - 3์ฃผ์ฐจ

4์›” 11์ผ ~ 4์›” 15์ผ ์ฃผ์ฐจํšŒ๊ณ 

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

IndexedDB

๋ธŒ๋ผ์šฐ์ €์— ๊ฐ์ฒด๋ฅผ ์ €์žฅํ•  ์ˆ˜ ์žˆ๋‹ค.ํŠธ๋žœ์žญ์…˜(Transaction)์„ ์ง€์›ํ•œ๋‹ค.IndexedDB๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ฐ˜์˜ ๊ฐ์ฒด ์ง€ํ–ฅ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์ž…๋‹ˆ๋‹ค.์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๊ฐ์ฒด, ํŒŒ์ผ, blobs ๋“ฑ์„ ์ €์žฅํ•  ์ˆ˜ ์žˆ๋‹ค.โ‡’ Index๋ฅผ ์ง€์›ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋งŽ์€ ์–‘์˜ ๊ตฌ์กฐํ™”๋œ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค

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

์ปดํฌ๋„ŒํŠธ

์ปดํฌ๋„ŒํŠธ๋Š”ย ๋…๋ฆฝ์ ์ด๊ณ , ์žฌ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•œ ์ž‘์€ UI ์กฐ๊ฐ์ž…๋‹ˆ๋‹ค.render()๋ฅผ ํ†ตํ•ด HTML ์š”์†Œ๋ฅผ ๋ฐ˜ํ™˜ํ•˜๋Š” ํ•จ์ˆ˜์ด๋‹ค.์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ•จ์ˆ˜์™€ ๋™์ผํ•œ ์šฉ๋„๋กœ ์‚ฌ์šฉ๋œ๋‹ค.๋ณต์žกํ•œ ์›น์„ ์ž‘๊ฒŒ ์ปดํฌ๋„ŒํŠธ๋กœ ์ชผ๊ฐœ๋ฉด โ‡’ ์žฌ์‚ฌ์šฉ๋„ ์‰ฝ๊ณ  ํšจ์œจ์ ์œผ๋กœ ๊ด€๋ฆฌ ๊ฐ€๋Šฅ!์ปดํฌ๋„ŒํŠธ ์ด๋ฆ„์€ ํ•ญ์ƒ ๋Œ€๋ฌธ์ž๋กœ ์‹œ

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

Class

Class๋Š” ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•˜๊ธฐ ์œ„ํ•œ ํ…œํ”Œ๋ฆฟ์ž…๋‹ˆ๋‹ค.Constructor(์ƒ์„ฑ์ž)๋ฅผ ์ด์šฉํ•˜๋ฉด class ๊ฐ์ฒด์˜ ์ดˆ๊ธฐ ๊ฐ’์„ ์„ค์ •ํ•ด ์ค„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.class์—์„œ ์„ค์ •ํ•œ ์ดˆ๊ธฐ๊ฐ’์„ ์ ‘๊ทผํ•ด ํŠน์ • ๊ธฐ๋Šฅ์„ ํ•˜๋Š” ๋ฉ”์„œ๋“œ๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ๋„ ๊ฐ€๋Šฅํ•˜๋‹ค.class์•ˆ์— function ํ˜•์‹์œผ๋กœ ๋งŒ๋“ค

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

๋ชจ๋“ˆ

๊ฐœ๋ฐœํ•˜๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ํฌ๊ธฐ๊ฐ€ ์ปค์ง€๋ฉด ํŒŒ์ผ์„ ์—ฌ๋Ÿฌ ๊ฐœ๋กœ ๋ถ„๋ฆฌํ•ด์•ผ ํ•˜๋Š” ์ƒํ™ฉ์ด ์˜ต๋‹ˆ๋‹ค. ์ด๋•Œ ๋ถ„๋ฆฌ๋˜๋Š” ํŒŒ์ผ ๊ฐ๊ฐ์„ '๋ชจ๋“ˆ(module)'์ด๋ผ๊ณ  ๋ถ€๋ฆ…๋‹ˆ๋‹ค.๋ชจ๋“ˆ(ํŒจ์ŠคํŠธ์บ ํผ์Šค - ํ•œ๋ฒˆ์—๋๋‚ด๋Š”ํ”„๋ก ํŠธ์—”๋“œ๊ฐœ๋ฐœ์ดˆ๊ฒฉ์ฐจํŒจํ‚ค์ง€Online.)์ด๋ฆ„์ง€์ •ํ•  ํ•„์š” ์—†์Œ(์žˆ์–ด๋„ ๋จ)๋ณ„๋„ ๊ธฐํ˜ธ ์—†์ด

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

[TIL] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰, Hoisting, ๋‚ด์žฅ ๊ฐ์ฒด window/globalThis/NaN/Date/JSON

Day15 ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰(๋ณ€์ˆ˜์™€ ๊ฐ์ฒด)

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

[TIL] ์‹คํ–‰์ปจํ…์ŠคํŠธ, this, Closure, ES6 Rest/Spread Operator

Day14 ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋™์ž‘ ์›๋ฆฌ

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

[TIL] map, filter, reduce, <textarea>, <form>, Closure, ์‹คํ–‰ ์ปจํ…์ŠคํŠธ

Day13 ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์›๋ฆฌ ์ดํ•ดํ•˜๊ธฐ

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

[TIL] ์ปดํฌ๋„ŒํŠธ, IndexDB

Day12 ์ธ์Šคํƒ€๊ทธ๋žจ ํด๋ก  ์ฝ”๋”ฉ

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

์Šคํ„ฐ๋”” ์ธ๋„ค์ผ

์ธ๋„ค์ผ

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

[TIL] jquery, ์‹œ๋ฉ˜ํ‹ฑํƒœ๊ทธ, ์ฝœ๋ฐฑํ•จ์ˆ˜, ๋ชจ๋“ˆ, Class

Day11 ์ตœ์‹  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฌธ๋ฒ• ์•Œ์•„๋ณด๊ธฐ

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

[์ฃผ์ฐจํšŒ๊ณ ] ์—˜๋ฆฌ์Šค SW ์—”์ง€๋‹ˆ์–ด ํŠธ๋ž™ 2๊ธฐ - 2์ฃผ์ฐจ

4์›” 11์ผ ~ 4์›” 15์ผ ์ฃผ์ฐจํšŒ๊ณ 

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