TIL
-
๐ ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ Deep Dive | #2 DOM [์์ ๋ ธ๋ ์ ํํ๊ธฐ]TIL 2022. 5. 25. 16:18
์ฉ์ด ์ ๋ฆฌ - HTMLCollection ๊ฐ์ฒด : ์ ์ฌ ๋ฐฐ์ด ๊ฐ์ฒด์ด๋ฉด์ ์ดํฐ๋ฌ๋ธ์ด๋ค. ์ธ๋ฑ์ค๋ฅผ ํค ๊ฐ์ผ๋ก ๊ฐ์ง๊ณ ์๊ณ , length๋ฅผ ๊ฐ์ง๊ณ ์๋ค. ๋ฐฐ์ด๊ณผ ๋น์ทํ๊ฒ ์๊ฒผ์ง๋ง ๊ฐ์ฒด์ด๋ค. - NodeList ๊ฐ์ฒด : ์ ์ฌ ๋ฐฐ์ด ๊ฐ์ฒด์ด๋ฉด์ ์ดํฐ๋ฌ๋ธ์ด๋ค. forEach ๋ฉ์๋๋ฅผ ์ ๊ณตํ๋ค. ์์ ๋ ธ๋ ์ทจ๋ํ๊ธฐ DOM API(ํ๋กํผํฐ, ๋ฉ์๋)๋ฅผ ์ฌ์ฉํ์ฌ html ์ ๋ณ๊ฒฝํ๊ธฐ ์ํด์๋ ์ผ๋จ ๋ณ๊ฒฝํ ๋ ธ๋๋ฅผ ์ ํํ ์ ์์ด์ผ ํ๋ค. Hello ์๋ฅผ ๋ค์ด div ํ๊ทธ ์์ Hello ํ ์คํธ๋ฅผ ๋ณ๊ฒฝํ๊ธฐ ์ํด์๋ div ์์ ๋ ธ๋์ ์ฐ๊ฒฐ๋ ํ ์คํธ ๋ ธ๋๋ฅผ ๋ณ๊ฒฝํด์ผ ํ๋ค. ์ด๋ฅผ ์ํด DOM์ ์ฌ๋ฌ ๊ฐ์ง ๋ฉ์๋๋ค์ ์ ๊ณตํ๋ค. 1. id๋ฅผ ์ด์ฉํ๊ธฐ - method : document.getElementById(); - parame..
-
๐ ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ Deep Dive | #1 DOM [DOM ์ด๋?]TIL 2022. 5. 25. 10:46
์ฉ์ด ์ ๋ฆฌ - ํ์ฑ(parsing) : ๋ฌธ์ฅ์ด๋, ๋ฐ์ดํฐ ๋ฌธ์์ด์ ๋ถ์ํ๊ณ ํด๋ถํ์ฌ ์ํ๋ ๋ฐ์ดํฐ๋ฅผ ๋ฝ์๋ด๋ ๊ธฐ์ ์๋ฅผ ๋ค์ด JSON.parse(json) ๋ฉ์๋๋ ์ธ์๋ก ๋ฐ์ json์ ๋ถ์ํ๊ณ ํด๋ถํ์ฌ ๊ฐ์ฒด๋ก ๋ณํํ๋ค. const json = `{"string" : "json ๋ณํ", "result" : "true"}`; const result = JSON.parse(json); console.log(result);//{string: 'json ๋ณํ', result: 'true'} console.log(result.string); //json ๋ณํ console.log(result.result); //true -API(Application Programming Interface) : ๋ฆฌ๋ชจ์ปจ ์ญํ tv..
-
20.09.15_TILTIL 2020. 9. 15. 07:51
EC2 ๋? EC2๋ Amazon Elastic Compute Cloud์ ์ฝ์๋ก ์ฌ์ฉ์์๊ฒ ๊ฐ์ ์ปดํจํฐ๋ฅผ ๋น๋ ค์ฃผ๋ ์๋น์ค์ด๋ค. "์ธ์คํด์ค"๋ผ ๋ถ๋ฅด๋ ํ๋์ ๊ฐ์ ๋จธ์ ์ ์ ๊ณตํ๋ค. ์ฌ๊ธฐ์ ๋งํ๋ ์ธ์คํด์ค๋ ํ๋์ ์ปดํจํฐ์ด๋ค. ๋ด๊ฐ ๋ง์ฝ 3๋์ ์ปดํจํฐ๋ฅผ ๋น๋ฆฌ๊ฒ ๋๋ฉด ๋๋ ์ธ์คํด์ค 3๊ฐ๋ฅผ ๋น๋ฆฌ๊ฒ ๋๋ ๊ฒ์ด๋ค. EC2๋ฅผ ์ด์ฉํ์ฌ ๋ฐฐํฌํ๊ธฐ ์ํด์๋ ์ฌ๋ฌ ๋จ๊ณ๋ฅผ ๊ฑฐ์ณ์ผ ํ๋ค. 1. ๊น ํ์ ๋์ ์ฝ๋๋ฅผ ์ ๋ก๋ํ๋ค. 2. ์๋ฒ๋ฅผ EC2๋ก๋ถํฐ ๋น๋ฆฐ๋ค. (ํ๋์ ์ธ์คํด์ค ๋น๋ฆผ) 3. ๋น๋ฆฐ ์๋ฒ๋ ์ด์์ฒด์ ์ git๋ง ์ค์น๋์ด ์์ผ๋ฏ๋ก npm, node ๋ฑ ํ์ํ ๊ฒ๋ค์ ์ค์นํด์ฃผ์ด์ผ ํ๋ค. 4. ๊น ํ์์ ๋์ ์ฝ๋๋ฅผ ํด๋ก ๋ฐ์์จ๋ค. 4. ๋ณด์์ค์ ์ ํด์ค๋ค. ์ธ์คํด์ค๋ฅผ ์์ฑํ ๋ .pem ํค๋ฅผ ๋ฐ๊ฒ ๋๋๋ฐ .pemํค๋ ...
-
20.09.13_TILTIL 2020. 9. 13. 10:46
OAuth๋ ๋ฌด์์ผ๊น? OAuth์ ๋ํด ์ด์ผ๊ธฐ๋ฅผ ํ๊ธฐ ์ํด์๋ 3๋ช ์ ์ฐธ๊ฐ์๊ฐ ํ์ํ๋ค. 1. Resource Owner : ์์์ ์ฃผ์ธ (์ฌ์ฉ์) 2. Client : ์์์ ์ฌ์ฉํ๋ ์ฃผ์ฒด (๋์ ์๋น์ค) 3. Resource Server : ์์์ ๊ฐ์ง๊ณ ์๋ ์๋ฒ (์ฐ๋์ํฌ ์๋น์ค: ์ธ์ฆ๋ํ ์๋น์ค) 3-1 . Resource Server์ Authorization Server๋ก ๋๋ ์ ์๋ค. (์ธ์ฆ๊ณผ ๊ด๋ จ๋ ๋ถ๋ถ์ ๋ด๋นํ๋ ์๋ฒ) ๋์ ์๋น์ค์ facebook๊ณผ ๊ฐ์ ๋ค๋ฅธ ์๋น์ค๋ฅผ ์ฐ๋์ํค๊ธฐ ์ํ ์ฒซ ๋ฒ์งธ ๋ฐฉ๋ฒ์ ๋ด๊ฐ ์ง์ user์๊ฒ ํ์ด์ค๋ถ์ user์ id์ password๋ฅผ ์ป๋ ๋ฐฉ๋ฒ์ด๋ค. ์ด ๋ฐฉ๋ฒ์ ์ฌ์ฉํ๋ฉด user์๊ฒ id์ password๋ฅผ ๋ฐ์์ facebook์ ๋ชจ๋ ๊ธฐ๋ฅ์ ์ฌ..
-
20.09.08_TILTIL 2020. 9. 12. 16:58
์ค๋์ MVC ํจํด์ ๊ณต๋ถํ์๋ค. MVC ํจํด์ด๋ ๋ฌด์์ผ๊น? ์ผ๋จ MVC ๋ Model, View, Controller์ ์ฝ์์ด๋ค. ์ํํธ์จ์ด๊ฐ ๋์๊ฐ๋ ํ๋์ ์ค๊ณ ํจํด์ผ๋ก ์ดํดํ๋ฉด ๋๋ค. ๊ทธ๋ผ ์ด์ MVC ๋ ์ด๋ค ์ค๊ณ ํจํด์ผ๊น? MVC ํจํด์์ ๊ฐ์ฅ ์ค์ํ๋ค๊ณ ์๊ฐํ๋ ํค์๋๋ ๋ถ์ ํ๋ผ๊ณ ์๊ฐํ๋ค. MVC ํจํด์ ๊ฐ ์ฝ๋๊ฐ ๊ฐ์์ ์ญํ ๋ง์ ํ๋๋ก ์ค๊ณํ๋ค. Model์ Model์ ์ญํ ๋ง, View๋ View์ ์ญํ ๋ง, Controller๋ Controller์ ์ญํ ๋ง ํ๋๋ก ํ๋ ๊ฒ์ด๋ค. ์ด๋ ๊ฒ ๋ถ์ ์ ํ์์ ๋์ ์ฅ์ ์ ๊ฐ ์ฝ๋๋ค์ด ์๋๋ ์ญํ ๋ง ํ๋ฏ๋ก ์์ธก์ด ์ฝ๊ณ ๊ด๋ฆฌ๊ฐ ์ฝ๋ค๋ ๊ฒ์ด๋ค. ์ผ์ข ์ ์ ๋ฆฌ์ ๋์ด๋ผ๊ณ ์๊ฐํ๋ค. ์์ด์ผ ํ ๊ณณ์ ๊ฐ ๋ฌผ๊ฑด์ด ์๋ ๊ฒ์ด๋ค. ์ด์ ๊ทธ๋ผ Model ์ ์ญํ ์ ๋ฌด..