[D+19] ๊ณ ์ฐจํจ์ D+19 - ๊ณ ์ฐจํจ์ - (์ผ๊ธ๊ฐ์ฒด์ ํน์ง, ๊ณ ์ฐจํจ์, ๊ณ ์ฐจํจ์์ ์ข ๋ฅ) ์ผ๊ธ๊ฐ์ฒด ์๋ฐ์คํฌ๋ฆฝํธ์์ ํน๋ณํ ๋์ฐ๋ฅผ ๋ฐ๋ ๋ ์์ผ๋ก ์ผ๊ธ๊ฐ์ฒด์์ ์๊ตฌํ๋ 3๊ฐ์ง ์กฐ๊ฑด์ ์ถฉ์กฑํ์์์ ์ผ๊ธ๊ฐ์ฒด๋ผ๊ณ ๋งํ ์ ์๋ค. 1 ) ๋ณ์์ ํ ๋นํ ์ ์๋ค. const sum = function (num) { return num + num; }; output = sum(5); console.log(output); // 10 ์ฐ๋ฆฌ๋ ํจ์ํํ์์ผ๋ก ํจ์๋ฅผ ์ ์ธํ์๋ ๋ณ์์ ํจ์๋ฅผ ์ ์ฅํ ์ ์๋ค๋ ๊ฒ์ ์ด๋์ ๋ ์๊ณ ์๋ค. ์ด์ฒ๋ผ ํจ์๋ ๋ณ์์ ํ ๋นํ๋ ๊ฒ์ ๋ค๋ฅธํจ์์ ์ธ์๋ก ์ ๋ฌ๋๊ฑฐ๋ ์ฝ๋์ ์์น๊ฐ ์ด๋ ์ ๋ ์์ธก์ด ๊ฐ๋ฅํ๋ค. 2 ) ๋ค๋ฅธํจ์์ ์ธ์๋ก ์ ๋ฌ๋ ์ ์๋ค. function showText(e) { //show text.. 2020. 9. 25. [D+18] ์ฌ์ฐจ์ ์ฐจ ์ผ๋จ ์ฑ๊ณต... D+18 - ์ฌ์ฐจ์ ์ฐจ ์ผ๋จ ์ฑ๊ณต... - (feat. ๋ค ๋ฒ์งธ ํ์ด ํ๋ก๊ทธ๋๋ฐ) ์ด๋ฒ์ ๋ด๊ฐ ๋ชฉ์ ํ์ด์ง์ ๊ทธ ํ์ด์ง์ ๊ธฐ๋ฅ์ ์ธ ๊ฒ์ ์ถ๊ฐํ๋ฉด์ ๋๋ ๊ฒ์ ์์ด์ดํ๋ ์์ ์์ฑํ ๋ ์ ๋ง ์ ์คํ ์์ฑํด์ผ ํ๋ฉฐ, ์ด๋ฐ์ ์ ์์ฑํด์ผ ๋์ค์ ์์ ํ ์ผ์ด ์ ์ด์ง๊ณ ์์ ์ ํ๊ฒ ๋๋๋ผ๋ ์ด๋ ์ ๋ ํ์ ์กํ์๊ธฐ ๋๋ฌธ์ ์์ ํ ๊ฑฐ๋ฆฌ๊ฐ ์ ์ด์ง๊ฒ ๋๋ค. ๊ทธ๋์ ํผ์ ๋ชฉ์ ํ์ด์ง๋ฅผ ์์ฑํ ๋น์ ๋๋ ์ฝ๋๋ก ์ง์ ์์ฑํ๋ ์๊ฐ๋ณด๋ค ์์ด์ดํ๋ ์์ ์์ฑํ๋ ๊ฒ์ ๋์ฑ ์๊ฐ์ ๋ค์๊ณ ๊ทธ ๊ฒฐ๊ณผ ํ์ด์ ํจ๊ปํ๋ ์๊ฐ์๋ ๋๋ฆ ์์กฐ๋กญ๊ฒ(?) ๋ชฉ์ ํ์ด์ง๋ฅผ ๊ตฌํํด ๋ผ ์ ์์๋ค. ๊ทธ๋ฆฌ๊ณ ๊ทธ ์ดํ์ ๋ด๊ฐ ๋ ํด์ผ ํ ๊ณผ์ ๊ฐ ์์๋๋ฐ ๊ทธ๊ฑด ๋ฐ๋ก ์ด์ ์์ฑํ ๋ชฉ์ ํ์ด์ง์ ๊ธฐ๋ฅ์ ์ถ๊ฐํ๋ ๊ฒ์ด๋ค. ๋ชฉ์ ํ์ด์ง๋ ๋จ์ํ ๋ณด์ด๋ ๊ฒ์ผ ๋ฟ์ด๊ณ .. 2020. 9. 24. [D+17] JSON์ ๋ํด์ (feat. ๐ฟ) D+17 - JSON - (JSON) JSON (JavaScript Object Notation) •๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ๊ฑฐ๋ ์ ์กํ ๋ ์ฃผ๋ก ์ฌ์ฉ (๊ฒฝ๋ ๋ฐ์ดํฐ ๊ตํ ํ์) •JavaScript ๊ฐ์ฒด ํ๊ธฐ๋ฒ •๋ ๋ฆฝ์ ์ธ์ด JSON์ ์ฌ์ฉํ๋ ์ด์ •JSON ํํ์์ด ์ฌ๋๊ณผ ๊ธฐ๊ณ๊ฐ ๋ชจ๋ ์ดํดํ๊ธฐ ์ฝ๊ณ ์ฉ๋์ด ์ ์ด์ xml์ ๋์ฒดํด ๋ฐ์ดํฐ ์ ์ก์ ์ฌ์ฉ๋ ์ ์๋ค. •JSONํ์์ ๋ฌธ์๋ฅผ ์๋ฐ์คํฌ๋ฆฝํธ ๊ฐ์ฒด๋ก ๋ณํํ ์ ์๋ค. •๋ ๋ฆฝ์ ์ธ ์ธ์ด์ด๊ธฐ ๋๋ฌธ์ ๋๋ถ๋ถ์ด ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์์ ์ ์ฐํ๊ฒ ์ฌ์ฉ์ด ๊ฐ๋ฅํ๋ค. (JSON ํฌ๋งท์ ๋ฐ์ดํฐ๋ฅผ ํธ๋ค๋งํ ์ ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ ๊ณต) JSON ๋ฌธ๋ฒ { "list": [ { "firstName": "Gaga", "lastName": "Park" }, { "firstName": "Na.. 2020. 9. 23. [D+16] DOM D+16 - DOM - (DOM, DOM ์กฐ์) DOM ( Document Object Model ) • HTML(Document)์ ์ ๊ทผํ์ฌ Object(Java Script)์ฒ๋ผ ์๋ฆฌ๋จผํธ์ ์์ฑ๊ฐ์ ์ป์ด๋ด๊ฑฐ๋ ๋ณ๊ฒฝํ ์ ์๊ฒ ํ๋ ๋ชจ๋ธ • ํธ๋ฆฌ๊ตฌ์กฐ ์๋ฆฌ๋จผํธ๋ฅผ ํ์ธํ๋ ๋ฐฉ๋ฒ ๋ณดํต ์ฐ๋ฆฌ๋ ์๋ฆฌ๋จผํธ๋ฅผ ํ์ธํ ๋ ์ฝ์์ฐฝ์ 'console.log()'๋ฅผ ์ ๋ ฅํด ํ์ธํด ์๋ค. ํ์ง๋ง ์ด๋ ๊ฒ ์ ๋ ฅํ์ ๊ฒฝ์ฐ ๊ตฌ์ฒด์ ์ธ ์์ฑ๊ฐ๋ค์ ํ์ธํ๊ธฐ ์ด๋ ต๋ค. ๋ง์ฝ ๋ค์ํ ์์ฑ๋ค์ ํ์ธํ๊ธฐ๋ฅผ ์ํ๋ค๋ฉด 'console.dir()'์ ์ ๋ ฅํ๊ฒ ๋๋ฉด ์๋ฆฌ๋จผํธ๊ฐ ๊ฐ์ฒด์ ํํ๋ก ๋ค์ํ๊ฒ ๋์ค๋ ๊ฒ์ ํ์ธํ ์ ์๋ค. element ๊ฐ์ฒด์ ์ฌ์ฉ๋๋ ์์ฑ ์์ฑ ์์ฑ ์ด๋ฆ ํ๊ทธ ์ด๋ฆ tagName id id class ๋ชฉ๋ก classList c.. 2020. 9. 22. [D+15] HTML / CSS D+15 - HTML / CSS - (HTML, CSS, Style) HTML (Hyper Text Markup Language) •HTML์ ์น ํ์ด์ง์ ํ์ ๋ง๋๋ ๋งํฌ์ ์ธ์ด๋ก ์ด๋ ๋งํฌ์ ์ธ์ด๋ ๊ตฌ์กฐ๋ฅผ ํํํ๋ ์ธ์ด๋ผ๊ณ ํ ์ ์๋ค. • ๋ถ๋ฑํธ()๋ก ๋ฌถ์ธ HTML์ ๊ธฐ๋ณธ ๊ตฌ์ฑ์์์ธ ํ๊ทธ๋ค์ ์งํฉ๋ค๋ก ๊ตฌ์ฑ๋์ด ์๋ค. •html ํ์ฅ์๋ฅผ ์ฌ์ฉํ๋ค. • ์ฌ๋ํ๊ทธ(opening tag)๊ฐ ์์ผ๋ฉด ๋ซ๋ ํ๊ทธ(closing tag)๋ ์๋ค. ํธ๋ฆฌ๊ตฌ์กฐ HTML์ ์์ํ๊ทธ๊ฐ ์์ผ๋ฉด ๋ถ๋ชจ ํ๊ทธ๊ณ ์๊ณ ๋ถ๋ชจ ํ๊ทธ๊ฐ ์๋ค๋ฉด ์์ ํ๊ทธ๋ ์กด์ฌํ๋ค. ์ด๋ ๊ฒ HTML์ ์ฌ๋ฌ ํ๊ทธ๋ค์ด ์ฎ์ด๊ณ ์ฎ์ฌ ํธ๋ฆฌ๊ตฌ์กฐ๋ฅผ ์ด๋ฃฌ๋ค. SELF-CLOSSING TAG ๋ณดํต HTML์ ์ฌ๋ ํ๊ทธ๊ฐ ์์ผ๋ฉด ๋ซ๋ ํ๊ทธ๋ ์กด์ฌํ์ง๋ง ์ด๋ ํ ํ๊ทธ๋ ์ฌ.. 2020. 9. 21. [D+14] ๋์งธ ์ฃผ ํ๊ธฐ D+14 - ์ฝ๋์คํ ์ด์ธ ๋์งธ ์ฃผ ํ๊ธฐ - (๋์งธ ์ฃผ ํ๊ธฐ) ๋๋์ง ์์ ๊ฒ๋ง ๊ฐ๋ ๋์งธ ์ฃผ๊ฐ ์ด๋๋ง ๋ง์ง๋ง ๋ ์ด ๋์๋ค. ๋์งธ ์ฃผ๋ฅผ ๋ณด๋ด๋ฉด์ ๋๋ ๋ง์ ์ ๋ค์ ๋๋ผ๊ฒ ๋์๋๋ฐ '๋ฐฐ์์ ๊น์ด๋ ์์ฃผ ๊น๊ณ , ๋ด๊ฐ ์๋ค๊ณ ๋ฏฟ์ด์๋๊ฑด ๋ด ๋ฐ๋จ์ผ์๋ ์๋ค' ๋ผ๋ ๊ฒ์ด๋ค. ์ฒซ์งธ ์ฃผ๋ ์๋ก์ด ๊ฒ๋ค์ ๋ฐฐ์๋๊ฐ๋ ๋ฟ๋ฏํจ๊ณผ ๋ฐฐ์ด๊ฒ๋ค ์์ฃผ๋ก ๋ฌธ์ ๋ฅผ ํด๊ฒฐํด ๋๊ฐ๋ ๊ธฐ์จ์ ๋๋ ์ ์์๋ ํ ์ฃผ์๋ค. ๊ทธ๋ฆฌ๊ณ ๋์งธ ์ฃผ๋ ๊ทธ๋์ ๋ด๊ฐ ๋ฐฐ์ด๊ฒ๋ค์ ์ด์ฉํด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํด ๋๊ฐ๋, ์กฐ๊ธ ๋ ๊น์ด์๋ ๊ณผ์ ๋ค์ ์๊ตฌํ๊ณ ์ด๋ฅผ ์ดํดํ๋ ์๊ฐ์ ๋ณด๋ธ ํ ์ฃผ๊ฐ ๋์๋ค. ๋์งธ ์ฃผ๋ฅผ ๋ณด๋ด์ค๋ฉด์ ๋๋ ๊ธฐ์กด์ ํ์ตํ์ ๊นจ๊ณ ์๋ก์ด ๊ฒ๋ค์ ์ค์ค๋ก ํ์ํด ํด๊ฒฐ๋ฐฉ์์ ์ฐพ์๊ฐ๋ ๊ณผ์ ์ด ๋ฐ๋์ ํ์ํ๋ค๋ ๊ฒ์ ์๊ฒ๋์๊ณ ๋๋ ์ด ๊ณผ์ ์ ๋ํด ๊ฝค๋ ์ด๋ ค์์ ๋๋ผ.. 2020. 9. 20. ์ด์ 1 ยทยทยท 12 13 14 15 16 17 18 ๋ค์