c o d i n g . . ๐Ÿ‰/JavaScript

[JavaScript] ๋‚ด๊ฐ€ ๋ณด๋ ค๊ณ  ์ •๋ฆฌํ•œ Do it ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ณธํŽธ(1)

H J 2021. 3. 20. 06:30

1์žฅ์€ ๊ฐœ๋…์ด๋ผ์„œ ์ฝ๊ณ  ๋„˜๊ฒผ๋‹ค!

 

JavaScript๋Š” ๋์— ๊ผญ ; ๋ถ™์—ฌ์•ผ ํ•จ!!!

 


2์žฅ

์ผ๋‹จ js ํŒŒ์ผ๊ณผ html ํŒŒ์ผ ์—ฐ๋™์‹œํ‚ค๋Š” ๋ฐฉ๋ฒ•!

body ํƒœ๊ทธ ๋‚ด์˜ ์–ด๋””์„œ๋‚˜ ์—ฌ๋Ÿฌ ๋ฒˆ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ๋‹ซ๋Š” body ํƒœ๊ทธ ๋ฐ”๋กœ ์œ„์— ์‚ฌ์šฉํ•˜๋Š” ์Šต๊ด€์„ ๋“ค์ด๋Š” ๊ฒƒ์ด ์ข‹๋‹ค

<script src="ํŒŒ์ผ๋ช….js"></script>

 

 

live server๋ฅผ ์‹คํ–‰์‹œํ‚จ ํ›„ ํฌ๋กฌ ๋ธŒ๋ผ์šฐ์ €์—์„œ ctrl + shift + J๋ฅผ ๋ˆ„๋ฅด๋ฉด ์ฝ˜์†” ์ฐฝ์ด ๋œจ๊ฒŒ ๋œ๋‹ค!

 


  • ์ž…๋ ฅ๊ฐ’ ๋ฐ›๋Š” ํ•จ์ˆ˜ prompt()
prompt("์ด๋ฆ„์„ ์ž…๋ ฅํ•˜์„ธ์š”.","๊ณ ์–‘์ด");

์ž…๋ ฅ์ฐฝ์— "์ด๋ฆ„์„ ์ž…๋ ฅํ•˜์„ธ์š”."๋ผ๋Š” ์„ค๋ช…์ด ๋œจ๊ณ  ๊ธฐ๋ณธ๊ฐ’์€ "๊ณ ์–‘์ด"๋กœ ์ง€์ •๋œ๋‹ค.

 

  • ์•Œ๋ฆผ ์ฐฝ์œผ๋กœ ์ถœ๋ ฅํ•˜๋Š” ํ•จ์ˆ˜ alert()
alert("๊ณ ์–‘์ด๋Š” ๊ท€์—ฌ์›Œ");

 

  • ์›น ๋ธŒ๋ผ์šฐ์ € ํ™”๋ฉด์— ์ถœ๋ ฅํ•˜๋Š” ํ•จ์ˆ˜ document.write()
var name = prompt("์ด๋ฆ„์„ ์ž…๋ ฅํ•˜์„ธ์˜น");
document.write(name+"๋‹˜, ์•ˆ๋…•ํ•˜์„ธ์˜น");

 

  • ์ฝ˜์†” ์ฐฝ์— ์ถœ๋ ฅํ•˜๋Š” ํ•จ์ˆ˜ console.log()
var name=prompt("์ด๋ฆ„์„ ์ž…๋ ฅํ•˜์„ธ์š”!");
console.log(name+"๋‹˜, ์–ด์„œ์˜ค์„ธ์š”");

 

์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ๋•Œ๋Š” ๋Œ€์†Œ๋ฌธ์ž ๊ตฌ๋ณ„, ๋“ค์—ฌ ์“ฐ๊ธฐ, ์„ธ๋ฏธ์ฝœ๋ก  ์‚ฌ์šฉํ•˜๊ธฐ!

์‹๋ณ„์ž๋Š” ๋ฌธ์ž, _, $๋กœ ์‹œ์ž‘ ๊ฐ€๋Šฅ (์˜ˆ์•ฝ์–ด๋Š” ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์Œ)

 

์ฃผ์„์€ C์—์„œ์˜ ์ฃผ์„๊ณผ ๊ฐ™๋‹ค

//ํ•œ ์ค„ ์ฃผ์„

/*

๊ธด ์ค„ ์ฃผ์„

*/


3์žฅ

๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•  ๋•Œ(var ๋ณ€์ˆ˜๋ช…;) ๋Š” ์˜๋ฏธ ์žˆ๊ฒŒ ์ง“๊ณ , Camel Case๋กœ ์ง€์–ด์ค€๋‹ค (ํŒŒ์ด์ฌ์ด๋ž‘ ๋‹ค๋ฆ„!)

๋ฌธ์ž, _, $๋กœ ์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ๋‹ค

 

(์ž๋ฃŒํ˜•์€ ๋”ฑํžˆ ์ •๋ฆฌํ•˜์ง€ ์•Š์„ ๊ฑฐ!

๊ต‰์žฅํžˆ C์–ธ์–ด๋ž‘ ๋น„์Šทํ•˜๋‹ค,,, ์ฒจ์— ๋ณ€์ˆ˜ ์„ ์–ธํ•  ๋•Œ ์ž๋ฃŒํ˜• ์ •ํ•ด๋†“๋Š” ๊ฑฐ๋งŒ ๋‹ค๋ฅด๋„ค

๋ฐฐ์—ด, ๊ตฌ์กฐ์ฒด, ์‚ฌ์น™์—ฐ์‚ฐ ๋‹ค ๋น„์Šท)

 

unfinded๋Š” ์ฒ˜์Œ๋ถ€ํ„ฐ ๋ณ€์ˆ˜์— ๊ฐ’์ด ํ• ๋‹น๋˜์ง€ ์•Š์•˜๋‹ค๋Š” ์˜๋ฏธ

null์€ ํ• ๋‹น๋œ ๊ฐ’์ด ์œ ํšจํ•˜์ง€ ์•Š๋‹ค๋Š” ์˜๋ฏธ! 

๋‘˜์€ ํ™•์‹คํžˆ ๋‹ค๋ฆ„ ๋ณดํ†ต ๋ณ€์ˆ˜ ์ดˆ๊ธฐํ™”ํ•  ๋•Œ null์„ ๋งŽ์ด ์‚ฌ์šฉํ•จ

 

๐Ÿจ๋ฐฐ์—ด(๋„ C๋ž‘ ์œ ์‚ฌํ•จ - ์ธ๋ฑ์Šค๋„)

var arr = []; // ๋ฐฐ์—ด ์„ ์–ธ

 

๐Ÿจ๊ฐ์ฒด (C์˜ ๊ตฌ์กฐ์ฒด์™€ ์œ ์‚ฌํ•˜์ง€๋งŒ ๊ฐ’ ํ• ๋‹นํ•  ๋•Œ : ์‚ฌ์šฉ)

var obj = {
	age: 22,
    birth: 1011
    }

 

๐Ÿจ๋ฌธ์žํ˜•, ์ˆซ์žํ˜• ์—ฐ์‚ฐ

 

๋ฌธ์žํ˜• + ์ˆซ์žํ˜• = ๋ฌธ์žํ˜• (+๋Š” ์—ฐ๊ฒฐ ์—ฐ์‚ฐ์ž์ด๊ธฐ๋„ ํ•ด์„œ ๊ทธ๋Ÿฐ ๊ฒƒ ๊ฐ™์Œ)

๋ฌธ์žํ˜• - ์ˆซ์žํ˜• = ์ˆซ์žํ˜•

๊ณฑํ•˜๊ธฐ, ๋‚˜๋ˆ„๊ธฐ, ๋‚˜๋จธ์ง€ ๋ชจ๋‘ ์ˆซ์žํ˜•์œผ๋กœ!

 

==, === ๋ชจ๋‘ ๊ฐ™์€ ๊ฒƒ์ธ์ง€ ๋น„๊ตํ•˜๋Š” ์—ฐ์‚ฐ์ž์ด์ง€๋งŒ, ==๋Š” ์ž๋™์œผ๋กœ ์ž๋ฃŒํ˜•์„ ๋ณ€ํ™˜ํ•˜์—ฌ ๋น„๊ตํ•˜๊ณ  ===๋Š” ์ž๋ฃŒํ˜• ๋ณ€ํ™˜์„ ํ—ˆ์šฉํ•˜์ง€ ์•Š๋Š”๋‹ค.

 


1์žฅ๋ถ€ํ„ฐ 3์žฅ๊นŒ์ง€ ๋!!

๋”๋ณด๊ธฐ

์ˆ˜์š”์ผ์— ์†Œํ˜„์ด๋ž‘ 1์žฅ, 2์žฅ ๋‹ค ํ•˜๊ณ  3์žฅ ๊ณต๋ถ€ํ•˜๋‹ค๊ฐ€ ๋งˆ๋ผํƒ• ๋จน๊ณ  ์ง‘์— ์™€์„œ ํŽ‘ํŽ‘ ๋†€๋‹ค๊ฐ€ ๊ธฐ๊ณ„ํ•™์Šต ๊ฐ•์˜ ๋“ฃ๊ณ  ์ž๊ณ , ๋ชฉ์š”์ผ์—” ๋Šฆ๊ฒŒ ์ผ์–ด๋‚˜์„œ ๊ฐ•์˜ ๋“ฃ๊ณ  ์„œ์šธ์— ์ง‘ ๊ตฌํ•˜๋Š” ๊ฑฐ ์–˜๊ธฐํ•˜๋‹ค๊ฐ€ ์ž๊ณ , ๊ธˆ์š”์ผ์—” ์ƒˆ๋ฒฝ๋ถ€ํ„ฐ ์„œ์šธ ์˜ฌ๋ผ๊ฐ€์„œ ์ง‘ ๊ตฌํ•˜๊ณ ,,, ์ง‘ ์™€์„œ ์”ป๊ณ  ๋ฐฅ ๋จน๊ณ  ํŽœํŠธํ•˜์šฐ์Šค ๋ณด๊ณ  ๋„ˆ๋ฌด ํ”ผ๊ณคํ•ด์„œ ์ž ๋“ค์—ˆ๋‹ค๊ฐ€ ์˜คํ›„ 4์‹œ์— ์Šคํ„ฐ๋””๋ผ ๊ธ‰ํ•˜๊ฒŒ ์ƒˆ๋ฒฝ์— ๊ณต๋ถ€ํ•˜๊ณ  ์ด๋”ฐ... ;ใ……; ๋‹ค์ด์–ด๋ฆฌ ์ข€ ์“ฐ๊ณ  4์žฅ๋„ ๋งˆ์ € ํ•ด์•ผ๊ฒ ๋‹ค,,