๋ก์ปฌ์์ ์์ ํ๋ ํ๋ก์ ํธ๋ฅผ ๊นํ๋ธ ๋ ํฌ์งํ ๋ฆฌ์ ์ฐ๊ฒฐํ๋ ค๋ ์ค ์๋ฌ๊ฐ ๋ฐ์ํ๋ค.
CSS ์ ๋์ด? -webkit-, -moz-, -ms-, -o- ๋ ๋ฌด์์ด๋ฉฐ ์ ์ฌ์ฉํ๋์ง ์์๋ณด์.
[๋ฐฑ์ค|node.js] 1225๋ฒ, ์ด์ํ ๊ณฑ์ (for๋ฌธ) - ์ํ, ๊ตฌํ, ๋ฌธ์์ด
[๋ฐฑ์ค|node.js] 1009๋ฒ, ๋ถ์ฐ์ฒ๋ฆฌ (for๋ฌธ) - ๊ตฌํ
[๋ฐฑ์ค|node.js] 5585๋ฒ, ๊ฑฐ์ค๋ฆ๋ (for๋ฌธ) - ๊ทธ๋ฆฌ๋
[๋ฐฑ์ค|node.js] 1085๋ฒ, ์ง์ฌ๊ฐํ์์ ํ์ถ (Math.min) - ์ํ
[๋ฐฑ์ค|node.js] 1032๋ฒ, ๋ช ๋ น ํ๋กฌํํธ (for๋ฌธ) - ๋ฌธ์์ด, ๊ตฌํ
๊ทธ๋ง ์ข ์๊ณ ๊ทธ๋ง ์ข ๊ฒ์ํ์....! ์ด๊ฒ ๋ช๋ฒ์งธ์ผ !!!!์ด๋ฐ๊ฑฐ๋ณด๋ค ํ๋ฒ์ ์ ๋ฐ์ดํธํ๊ฒ ํด์ฃผ๋ ๋ชจ๋์ด ์์
๋ฆฌ์กํธ ํ๋ก์ ํธ์ firebase login์ ์ถ๊ฐํ๋ ๊ณผ์ ์์ ์๋ฌ๊ฐ ๋ฐ์ํ๋ค. ๋ญ๊ฐ ๋ฌธ์ ๋ฐ!
HTML์ CSS๋ฅผ ์ ์ฉํ๋ ๋ฐฉ๋ฒ, HTML๊ณผ CSS๋ฅผ ์ฐ๊ฒฐํ๋ ๋ฐฉ๋ฒ?
XMLHttpRequest(XHR) ๊ฐ์ฒด๋ ์๋ฒ์ ์ํธ์์ฉํ๊ธฐ ์ํด ์ฐ์ธ๋ค. ์ ์ฒด ํ์ด์ง์ ์๋ก๊ณ ์นจ ์์ด URL๋ก๋ถํฐ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์์ฌ ์ ์์ด ํ์ด์ง์ ์ผ๋ถ๋ฅผ ์ ๋ฐ์ดํธํ ์ ์๋ค. ์ด๋ AJAX ํ๋ก๊ทธ๋๋ฐ์ ์ฃผ๋ก ์ฌ์ฉ๋๋ค.
FormData๋ form ํ๋, ๊ทธ ๊ฐ์ ๋ํ๋ด๋ key, value์์ ์ฝ๊ฒ ์์ฑํ ์ ์๋๋ก ํด์ค๋ค. ๋ํ XMLHttpRequest.send() ๋ฉ์๋๋ฅผ ์ฌ์ฉํด์ ์ฝ๊ฒ ์ ์กํ ์๋ ์๋ค.
HTML, CSS๊น์ง ๋ฐฐ์ฐ๊ณ , JavaScript๋ฅผ ๋ฐฐ์ฐ๊ธฐ ์์ํ ๋ถ์ด๋ผ๋ฉด ๋๊ตฌ๋ ํ๋ฒ์ฏค์ ์ด๋ฐ ๊ณ ๋ฏผ์ ํด๋ณด์์ ๊ฒ์ด๋ค. ํ์๋ ๋งค๋ฒ ๊ถ๊ธํดํ๋ ๊ฒ์ด์๋ค ! ๐
async์ await์ promise๋ฅผ ์ข ๋ ๊ฐ๊ฒฐํ๊ณ ๊ฐํธํ๊ฒ ์ฌ์ฉํ ์ ์๊ฒ ํด์ค๋ค. ๋ํ ๋น๋๊ธฐ์ ์ผ๋ก ์คํ๋๋ ๊ฒ์, ๋๊ธฐ์ ์ผ๋ก ์คํ๋๋ ๊ฒ์ฒ๋ผ ๋ณด์ด๊ฒ ๋ง๋ค์ด์ค๋ค.
promise๋ JavaScript์์ ๋ด์ฅ๋ Object์ด๋ค. ์ด๋ ๋น๋๊ธฐ๋ฅผ ๊ฐํธํ๊ฒ ์ฒ๋ฆฌํ ์ ์๋๋ก ๋์์ฃผ๋ Object๋ก, ์ฝ๋ฐฑํจ์ ๋์ ์ฌ์ฉํ ์ ์๋ค.
JavaScript๋ ๋๊ธฐ์ ์ธ ์ธ์ด์ด๋ค. ํธ์ด์คํ ์ด ๋ ์ดํ๋ถํฐ ์ฝ๋๊ฐ ์์ฑํ ์์์ ๋ฐ๋ผ ํ๋์ฉ ๋๊ธฐ์ ์ผ๋ก ์คํ๋๊ธฐ ๋๋ฌธ์ด๋ค.
์๋ฒ์ ๋ฐ์ดํฐ ๊ตํ ์ ์ด์ฉํ๋ JSON์ ๋ํด ์์๋ณด์.
API๋ application programming Interface์ ์ค์๋ง๋ก, ์ ํ๋ฆฌ์ผ์ด์ ๋ง์ ๋งํ๋ ๊ฒ ์๋ ํจ์๋ API์ ํด๋น๋๋ค. server ์ ์ฅ์์์ API๋ client๊ฐ ์ฌ์ฉํ ์ ์๋ URL๊ณผ ๊ฐ์ ๊ฒ์ ์๋ฏธํ๋ค.
CORS.. ์ ๋ง ๋ง์ด ๋ค์ด๋ณธ ๋จ์ด์ง๋ง ๋ฌด์จ ๋ด์ฉ์ธ์ง ์์ธํ๋ ๋ชฐ๋๋ค. HTTP ํค๋์ ๋ํด ๊ณต๋ถํ๋ ์ค ๋ณธ๋ฌธ์ ๋์๊ธธ๋ ๋๋์ด ๊ณต๋ถํ๋ค ๐ ํ์ฅ์ผ๋ก ์์๋ณด๋ CORS!
ํ๋ก์ ์๋ฒ๋ ์ธํฐ๋ท ์์ ์ฌ๋ฌ ๋คํธ์ํฌ๋ค์ ์ ์ํ ๋ ์ค๊ณ ์ญํ ์ ํด์ฃผ๋ ํ๋ก๊ทธ๋จ or ์ปดํจํฐ๋ฅผ ์๋ฏธํ๋ค. www ์์ ์ปจํ ์ธ ์ ์ฝ๊ฒ ์ ๊ทผํ ์ ์๋๋ก ๋์์ค๋ค. ํ๋ก์๋ request๋ฅผ ๊ฐ๋ก์ฑ ๋ค reponse๋ฅผ ๋๋ ค์ค๋ค. ์ด๋ ๊ฒ ๊ฐ๋ก์ฑ request๋ฅผ ์ ๋ฌํด์ค ์