profile
Life is what i make up it ๐Ÿ’จ
post-thumbnail

[React & firebase] Firebase: Error (auth/invalid-api-key) ์—๋Ÿฌ?!

๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ์— firebase login์„ ์ถ”๊ฐ€ํ•˜๋Š” ๊ณผ์ •์—์„œ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค. ๋ญ๊ฐ€ ๋ฌธ์  ๋ฐ!

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

HTML์— CSS ์ ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•

HTML์— CSS๋ฅผ ์ ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•, HTML๊ณผ CSS๋ฅผ ์—ฐ๊ฒฐํ•˜๋Š” ๋ฐฉ๋ฒ•?

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

[JavaScript] ์„œ๋ฒ„์™€ ํ†ต์‹ ํ•˜๊ธฐ - XMLHttpRequest์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ธฐ

XMLHttpRequest(XHR) ๊ฐ์ฒด๋Š” ์„œ๋ฒ„์™€ ์ƒํ˜ธ์ž‘์šฉํ•˜๊ธฐ ์œ„ํ•ด ์“ฐ์ธ๋‹ค. ์ „์ฒด ํŽ˜์ด์ง€์˜ ์ƒˆ๋กœ๊ณ ์นจ ์—†์ด URL๋กœ๋ถ€ํ„ฐ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ›์•„์˜ฌ ์ˆ˜ ์žˆ์–ด ํŽ˜์ด์ง€์˜ ์ผ๋ถ€๋ฅผ ์—…๋ฐ์ดํŠธํ•  ์ˆ˜ ์žˆ๋‹ค. ์ด๋Š” AJAX ํ”„๋กœ๊ทธ๋ž˜๋ฐ์— ์ฃผ๋กœ ์‚ฌ์šฉ๋œ๋‹ค.

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

[JavaScript] <form>ํƒœ๊ทธ ๊ด€๋ จ, FormData

FormData๋Š” form ํ•„๋“œ, ๊ทธ ๊ฐ’์„ ๋‚˜ํƒ€๋‚ด๋Š” key, value์Œ์„ ์‰ฝ๊ฒŒ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ค€๋‹ค. ๋˜ํ•œ XMLHttpRequest.send() ๋ฉ”์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์‰ฝ๊ฒŒ ์ „์†กํ•  ์ˆ˜๋„ ์žˆ๋‹ค.

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

[JavaScript] html ํŒŒ์ผ ์† script๋Š” ์–ด๋””์„œ ์‹คํ–‰ํ•ด์•ผํ• ๊นŒ?

HTML, CSS๊นŒ์ง€ ๋ฐฐ์šฐ๊ณ , JavaScript๋ฅผ ๋ฐฐ์šฐ๊ธฐ ์‹œ์ž‘ํ•œ ๋ถ„์ด๋ผ๋ฉด ๋ˆ„๊ตฌ๋‚˜ ํ•œ๋ฒˆ์ฏค์€ ์ด๋Ÿฐ ๊ณ ๋ฏผ์„ ํ•ด๋ณด์•˜์„ ๊ฒƒ์ด๋‹ค. ํ•„์ž๋„ ๋งค๋ฒˆ ๊ถ๊ธˆํ•ดํ–ˆ๋˜ ๊ฒƒ์ด์—ˆ๋‹ค ! ๐Ÿ™„

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

[JavaScript] ๋๋‚˜์ง€ ์•Š๋Š” ๋น„๋™๊ธฐ ๐Ÿคช ๋น„๋™๊ธฐ์˜ ๊ฝƒ, async & await ์•Œ์•„๋ณด๊ธฐ

async์™€ await์€ promise๋ฅผ ์ข€ ๋” ๊ฐ„๊ฒฐํ•˜๊ณ  ๊ฐ„ํŽธํ•˜๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค€๋‹ค. ๋˜ํ•œ ๋น„๋™๊ธฐ์ ์œผ๋กœ ์‹คํ–‰๋˜๋Š” ๊ฒƒ์„, ๋™๊ธฐ์ ์œผ๋กœ ์‹คํ–‰๋˜๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋ณด์ด๊ฒŒ ๋งŒ๋“ค์–ด์ค€๋‹ค.

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

[JavaScript] ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ๋ฐฉ๋ฒ•, Promise

promise๋Š” JavaScript์•ˆ์— ๋‚ด์žฅ๋œ Object์ด๋‹ค. ์ด๋Š” ๋น„๋™๊ธฐ๋ฅผ ๊ฐ„ํŽธํ•˜๊ฒŒ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” Object๋กœ, ์ฝœ๋ฐฑํ•จ์ˆ˜ ๋Œ€์‹  ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

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

[JavaScript] ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ์˜ ์‹œ์ž‘, ใ…‹..์ฝœ๋ฐฑ.. callback ๐Ÿคช

JavaScript๋Š” ๋™๊ธฐ์ ์ธ ์–ธ์–ด์ด๋‹ค. ํ˜ธ์ด์ŠคํŒ…์ด ๋œ ์ดํ›„๋ถ€ํ„ฐ ์ฝ”๋“œ๊ฐ€ ์ž‘์„ฑํ•œ ์ˆœ์„œ์— ๋”ฐ๋ผ ํ•˜๋‚˜์”ฉ ๋™๊ธฐ์ ์œผ๋กœ ์‹คํ–‰๋˜๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

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

[JavaScript] ์„œ๋ฒ„ ํ†ต์‹ ์˜ ์‹œ์ž‘ JSON

์„œ๋ฒ„์™€ ๋ฐ์ดํ„ฐ ๊ตํ™˜ ์‹œ ์ด์šฉํ•˜๋Š” JSON์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž.

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

[Network] ๋‚˜๋„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค! RESTful API ๐Ÿ“š

API๋Š” application programming Interface์˜ ์ค„์ž„๋ง๋กœ, ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜๋งŒ์„ ๋งํ•˜๋Š” ๊ฒŒ ์•„๋‹Œ ํ•จ์ˆ˜๋„ API์— ํ•ด๋‹น๋œ๋‹ค. server ์ž…์žฅ์—์„œ์˜ API๋Š” client๊ฐ€ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” URL๊ณผ ๊ฐ™์€ ๊ฒƒ์„ ์˜๋ฏธํ•œ๋‹ค.

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

[Network] ๋จธ์š”? CORS(Cross-Origin Resource Sharing)..? [์•„์ง ์ž‘์—…์ค‘]

CORS.. ์ •๋ง ๋งŽ์ด ๋“ค์–ด๋ณธ ๋‹จ์–ด์ง€๋งŒ ๋ฌด์Šจ ๋‚ด์šฉ์ธ์ง€ ์ž์„ธํžˆ๋Š” ๋ชฐ๋ž๋‹ค. HTTP ํ—ค๋”์— ๋Œ€ํ•ด ๊ณต๋ถ€ํ•˜๋˜ ์ค‘ ๋ณธ๋ฌธ์— ๋‚˜์™”๊ธธ๋ž˜ ๋“œ๋””์–ด ๊ณต๋ถ€ํ•œ๋‹ค ๐Ÿ˜‚ ํ•œ์žฅ์œผ๋กœ ์•Œ์•„๋ณด๋Š” CORS!

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

[Network] ์ค‘๊ณ„์ž, Proxy server

ํ”„๋ก์‹œ ์„œ๋ฒ„๋Š” ์ธํ„ฐ๋„ท ์ƒ์˜ ์—ฌ๋Ÿฌ ๋„คํŠธ์›Œํฌ๋“ค์— ์ ‘์†ํ•  ๋•Œ ์ค‘๊ณ„ ์—ญํ• ์„ ํ•ด์ฃผ๋Š” ํ”„๋กœ๊ทธ๋žจ or ์ปดํ“จํ„ฐ๋ฅผ ์˜๋ฏธํ•œ๋‹ค. www ์ƒ์˜ ์ปจํ…์ธ ์— ์‰ฝ๊ฒŒ ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ค€๋‹ค. ํ”„๋ก์‹œ๋Š” request๋ฅผ ๊ฐ€๋กœ์ฑˆ ๋’ค reponse๋ฅผ ๋Œ๋ ค์ค€๋‹ค. ์ด๋ ‡๊ฒŒ ๊ฐ€๋กœ์ฑˆ request๋ฅผ ์ „๋‹ฌํ•ด์ค„ ์ˆ˜

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

[Network] ์ด๋ฒˆ์—” HTTP header(ํ—ค๋”)

HTTP ํ—ค๋”..? HTTP์— ๋Œ€ํ•ด ์•Œ์•„์•ผํ•  ๊ฒŒ ์ •๋ง ๋งŽ๋‹ค ๐Ÿคฃ ์ž์ฃผ ์“ฐ์ด๋Š” HTTP ํ—ค๋”์—๋Š” ๋ฌด์—‡์ด ์žˆ๋Š”์ง€๋„ ํ•จ๊ป˜ ์•Œ์•„๋ณด์ž.

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

[Network] URL, HTTP request method, ๊ทธ๋ฆฌ๊ณ  ๋ฉฑ๋“ฑ์„ฑ ์•Œ์•„๋ณด๊ธฐ

URL, HTTP request method, ๋ฉฑ๋“ฑ์„ฑ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž.

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

[Network] HTTP, ์ž์ฃผ์“ฐ์ด๋Š” HTTP Status code(์ƒํƒœ์ฝ”๋“œ) ์•Œ์•„๋ณด๊ธฐ

HTTP Status code๋Š” ๊ต‰์žฅํžˆ ๋‹ค์–‘ํ•˜๋‹ค. ์ด ์ค‘ ์ž์ฃผ ์“ฐ์ด๋Š” status code๋“ค์„ ์•Œ์•„๋ณด์ž.

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

[React router] Error: A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.

๋ฆฌ์•กํŠธ ๋ผ์šฐํ„ฐ๋ฅผ ์ ์šฉํ•ด๋ณด๋Š” ๊ณผ์ •์—์„œ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค. ์ด๋ฅผ ํ•ด๊ฒฐํ•œ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž.

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

[Node.js] ํฌ๋กค๋ง ์—ฐ์Šต - [ERR_REQUIRE_ESM]: Must use import to load ES Module.. ์—๋Ÿฌ ํ•ด๊ฒฐํ•˜๊ธฐ

๋…ธ๋“œjs ํฌ๋กค๋ง ์ˆ˜์—…์„ ๋“ฃ๋˜์ค‘.. ๋‚˜๋„ 1๊ฐ•๋ถ€ํ„ฐ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹คใ…Ž์ด๋Ÿฌ๊ธฐ์žˆ์–ด?ใ… ใ…  ์—ด์‹ฌํžˆ ๊ตฌ๊ธ€๋ง ํ•œ ๊ฒฐ๊ณผ ํ•ด๋‹น ์‚ฌ์ดํŠธ๋ฅผ ๋ฐœ๊ฒฌํ–ˆ๋‹ค.... ๊ทผ๋ฐ ์ „ ์•ˆ๋˜๋”๋ผ๊ณ ์š” ใ…Ž....์ด ์—๋Ÿฌ์™€ ๋˜ ๋งŒ๋‚ฌ๋‹ค๋ฌด์—‡์ด๋”๋ƒ\~\~~ ๊ณ„์† ์ฐพ๋˜ ๋„์ค‘ ์ด๋Ÿฐ ๊ธ€๋„ ๋ดค์ง€๋งŒ, ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด require()

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

[Node.js] Error: Cannot find module '๊ฒฝ๋กœ' ์˜ค๋ฅ˜์™€ [nodemon] app crashed - waiting for file changes before starting...

Error: Cannot find module '๊ฒฝ๋กœ' ์˜ค๋ฅ˜์™€ [nodemon] app crashed - waiting for file changes before starting... ์—๋Ÿฌ ํ•ด๊ฒฐํ•˜๊ธฐ

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

[babel] error: Requires Babel "^7.0.0-0", but was loaded with "6.26.3". If you are sure you have a compatible version of @babel/core...

Error: Requires Babel "^7.0.0-0", but was loaded with "6.26.3". If you are sure you have a compatible version of @babel/core, it is likely that someth

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

[babel] ReferenceError: Unknown plugin

๋ฐ”๋ฒจ referenceError??? LTS ๋ฒ„์ „์˜ node.js ์‚ฌ์šฉํ•˜๊ธฐ!

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