๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

์ „์ฒด ๊ธ€92

๋ณ€์ˆ˜์™€ ์ƒ์ˆ˜ ๋ณ€์ˆ˜์™€ ์ƒ์ˆ˜ ํŠน์ • ์ด๋ฆ„์— ํŠน์ • ๊ฐ’์„ ๋‹ด์„ ๋•Œ ์‚ฌ์šฉ let value=1; //์„ ์–ธ: ํ•˜๋‚˜๋Š” ๋ณ€์ˆ˜, ํ•˜๋‚˜๋Š” ์ƒ์ˆ˜ console.log(value); ๋ณ€์ˆ˜ ๋ฐ”๋€” ์ˆ˜ ์žˆ๋Š” ๊ฐ’, ํ•œ๋ฒˆ ๊ฐ’์„ ์„ ์–ธํ•˜๊ณ  ๋‚˜์„œ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ์Œ let value=1; console.log(value); value=2; console.log(value) //1 //2 ๋ณ€์ˆ˜ ์„ ์–ธํ•  ๋•Œ, let์ด๋ผ๋Š” ํ‚ค์›Œ๋“œ ์‚ฌ์šฉ ํ•œ๋ฒˆ ์„ ์–ธํ•œ ๋ณ€์ˆ˜๋ช…๊ณผ ๋˜‘๊ฐ™์€ ์ด๋ฆ„์œผ๋กœ ์„ ์–ธ ๋ชปํ•จ(๋‹ค๋ฅธ ๋ธ”๋ก ๋ฒ”์œ„ ๋‚ด์—์„œ๋Š” ๊ฐ€๋Šฅ) ์ƒ์ˆ˜ ํ•œ๋ฒˆ ์„ ์–ธํ•˜๊ณ  ๊ฐ’์ด ๋ฐ”๋€Œ์ง€ ์•Š๋Š” ๊ฐ’, ๊ฐ’์ด ๊ณ ์ •์ ์ž„ const a=1; a=2; //error๋ฐœ์ƒ โ—๏ธ๋ณ€์ˆ˜ ์„ ์–ธ ๋ฐฉ์‹ var: ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธ ํ•˜๊ณ , ๋˜‘๊ฐ™์€ ๋ณ€์ˆ˜๋ช…์œผ๋กœ ์„ ์–ธํ•˜์—ฌ๋„ ์—๋Ÿฌ๊ฐ€ ๋‚˜์˜ค์ง€ ์•Š๊ณ  ๊ฐ๊ธฐ ๋‹ค๋ฅธ ๊ฐ’์ด ์ถœ๋ ฅ(๋‹จ์ !!!! ์‚ฌ์šฉ ์•ˆํ•จ) let:.. 2022. 11. 18.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ž€? ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(JavaScript) ๊ฐ์ฒด(object)๊ธฐ๋ฐ˜์˜ ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด HTML๋กœ ์›น์˜ ๋‚ด์šฉ ์ž‘์„ฑํ•˜๊ณ , CSS๋กœ ์›น์„ ๋””์ž์ธํ•˜๊ณ , ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ์›น์˜ ๋™์ž‘ ๊ตฌํ˜„ ์ฃผ๋กœ ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‚ฌ์šฉ๋˜๋‚˜, Node.js์™€ ๊ฐ™์€ ํ”„๋ ˆ์ž„์›Œํฌ ์‚ฌ์šฉํ•˜๋ฉด ์„œ๋ฒ„ ์ธก ํ”„๋กœ๊ทธ๋ž˜๋ฐ์—์„œ๋„ ์‚ฌ์šฉ ๊ฐ€๋Šฅ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—ญ์‚ฌ 1995๋…„ ๋„ท์Šค์ผ€์ดํ”„์˜ ๋ธŒ๋ Œ๋˜ ์•„์ดํฌ์— ์˜ํ•ด ๋งŒ๋“ค์–ด์ง ์ด๋ฆ„์˜ ๋ณ€ํ™”: ๋ชจ์นด(Mocha) โ–บ ๋ผ์ด๋ธŒ์Šคํฌ๋ฆฝํŠธ(LiveScript) โ–บ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(JavaScript) ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํŠน์ง• ๊ฐ์ฒด ๊ธฐ๋ฐ˜์˜ ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋™์ ์ด๋ฉฐ, ํƒ€์ž…์„ ๋ช…์‹œํ•  ํ•„์š”๊ฐ€ ์—†๋Š” ์ธํ„ฐํ”„๋ฆฌํ„ฐ ์–ธ์–ด → ํ•ด๋‹น ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์‚ฌ์šฉ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๊ฐ์ฒด ์ง€ํ–ฅํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ๊ณผ ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋ชจ๋‘ ํ‘œํ˜„ ๊ฐ€๋Šฅ Vanilla JS: ๋‹ค๋ฅธ.. 2022. 11. 18.
Head ํƒœ๊ทธ Head ํƒœ๊ทธ ํƒœ๊ทธ๋Š” ๋ฌธ์„œ์ •๋ณด(๋ฉ”ํƒ€๋ฐ์ดํ„ฐ)๋ฅผ ๋‹ด๊ณ  ์žˆ์Œ ๋ธŒ๋ผ์šฐ์ € ํ™”๋ฉด์— ์ง์ ‘์ ์œผ๋กœ ๋ณด์ด์ง€๋Š” ์•Š์ง€๋งŒ, ์ˆจ์€ ๋ฐ์ดํ„ฐ๋ฅผ ์ •์˜ํ•˜๋Š” ํƒœ๊ทธ๋“ค์ด ๋“ค์–ด๊ฐ€ ์žˆ์Œ head ์•ˆ์— ๋ฐฐ์น˜ํ•  ์ˆ˜ ์žˆ๋Š” ์š”์†Œ ๋ธŒ๋ผ์šฐ์ €์˜ ์ œ๋ชฉ ํ‘œ์‹œ ์ค„์ด๋‚˜ ํŽ˜์ด์ง€ ํƒญ์— ๋ณด์ด๋Š” ๋ฌธ์„œ ์ œ๋ชฉ์„ ์ •์˜, ํ…์ŠคํŠธ๋งŒ ํฌํ•จ ๊ฐ€๋Šฅ NAVER ๋ฌธ์„œ ์•ˆ์˜ ๋ชจ๋“  ์ƒ๋Œ€ URL์„ ์ง€์ •, ๋ฌธ์„œ์—๋Š” ํ•˜๋‚˜์˜ ์š”์†Œ๋งŒ ์กด์žฌ ๊ฐ€๋Šฅ ์š”์†Œ๋Š” ํ˜„์žฌ ๋ฌธ์„œ์™€ ์™ธ๋ถ€ ๋ฆฌ์†Œ์Šค์˜ ๊ด€๊ณ„ ๋ช…์‹œ, ๋Š” ์Šคํƒ€์ผ ์‹œํŠธ๋ฅผ ์—ฐ๊ฒฐํ•  ๋•Œ ์ œ์ผ ๋งŽ์ด ์‚ฌ์šฉํ•˜์ง€๋งŒ, ์‚ฌ์ดํŠธ ์•„์ด์ฝ˜(”ํŒŒ๋น„์ฝ˜”๊ณผ ํ™ˆ ํ™”๋ฉด ์•„์ด์ฝ˜)์—ฐ๊ฒฐ ๋“ฑ ์—ฌ๋Ÿฌ๊ฐ€์ง€๋กœ ์“ฐ์ผ ์ˆ˜ ์žˆ์Œ https://favicon.io/favicon-generator/ Favicon.io - The Ultimate Favicon Generator (Free) With Favicon.io.. 2022. 11. 18.
Form ํƒœ๊ทธ Form ํƒœ๊ทธ Form ํƒœ๊ทธ ํผ(Form): ์‚ฌ์šฉ์ž์˜ ์ •๋ณด๋ฅผ ์ž…๋ ฅ๋ฐ›์„ ์ˆ˜ ์žˆ๊ฒŒ ๋งŒ๋“ค์–ด ๋†“์€ ํ˜•์‹ ex) ๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž…, ๊ฒŒ์‹œํŒ ๊ธ€์“ฐ๊ธฐ ๋“ฑ → ํผ: ์ž…๋ ฅ๋ฐ›๋Š” ๋ฐ์ดํ„ฐ๋“ค์˜ ๋ฌถ์Œ / ํผ ๋ฐ์ดํ„ฐ ๋˜๋Š” ํ•„๋“œ: ๋ฐ์ดํ„ฐ ์š”์†Œ๋Š” ์ •๋ณด๋ฅผ ์ œ์ถœํ•˜๊ธฐ ์œ„ํ•ด ์–ด๋””์„œ๋ถ€ํ„ฐ ์–ด๋””๊นŒ์ง€๊ฐ€ ์–‘์‹์ธ์ง€ ์ง€์ •ํ•˜๋Š” ์—ญํ•  ์ด๋ฆ„: ์ด๋ฉ”์ผ: ์†์„ฑ action: ์–‘์‹ ๋ฐ์ดํ„ฐ๋ฅผ ์ฒ˜๋ฆฌํ•  ์„œ๋ฒ„ ํ”„๋กœ๊ทธ๋žจ์˜ URI method: ์–‘์‹์„ ์ œ์ถœํ•  ๋•Œ ์‚ฌ์šฉํ•  HTTP ๋ฉ”์„œ๋“œ post: ์–‘์‹ ๋ฐ์ดํ„ฐ๋ฅผ ์š”์ฒญ ๋ณธ๋ฌธ์œผ๋กœ ์ „์†ก get: ์–‘์‹ ๋ฐ์ดํ„ฐ๋ฅผ URL์˜ ์ฟผ๋ฆฌ์ŠคํŠธ๋ง์œผ๋กœ ๋ถ™์—ฌ์„œ ์ „์†ก Input ํƒœ๊ทธ ์š”์†Œ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์ž…๋ ฅ ๋ฐ›์„ ์ˆ˜ ์žˆ๋‹ค. text ํƒœ๊ทธ์˜ ๊ธฐ๋ณธ ๊ฐ’์œผ๋กœ ํ•œ ์ค„์˜ ํ…์ŠคํŠธ๋ฅผ ์ž…๋ ฅ ๋ฐ›๋Š”๋‹ค. email: email ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ›๊ธฐ์œ„ํ•ด ์‚ฌ์šฉ๋จ (์ด๋ฉ”์ผ ์œ ํšจ์„ฑ ๊ฒ€์ฆ) te.. 2022. 11. 18.