๊ณต๋ถ€ ๊ธฐ๋ก โœ๏ธ/Javascript

JS-Do it! JS - #1์ผ์ฐจ

๋ฒ„๋‘˜ 2023. 3. 15. 09:20

HTML ํƒœ๊ทธ๋ž€? 

์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ์—์„œ <...>์•ˆ์— ์“ฐ์ด๋Š” ๊ฒƒ

์ฐธ๊ณ 

<script ํƒœ๊ทธ>

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์™€ ๊ฐ™์€ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ •์˜ํ•  ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค.

 <script> ์š”์†Œ๋Š” ์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๋ฅผ ์š”์†Œ ๋‚ด๋ถ€์— ์ง์ ‘ ๋ช…์‹œํ•˜๊ฑฐ๋‚˜, src ์†์„ฑ์„ ์‚ฌ์šฉํ•˜์—ฌ ์™ธ๋ถ€ ์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ์„ ์ฐธ์กฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

*์†์„ฑ

src:์™ธ๋ถ€ ์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ์˜ url

 

์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ•ด์„ํ•˜๋Š” ๊ณผ์ •

1. <!DOCTYPE html>๋ฅผ ๋ณด๊ณ  ํ˜„์žฌ ๋ฌธ์„œ๊ฐ€ ์›น ๋ฌธ์„œ์ž„์„ ์ธ์ง€ ์ดํ›„, <html/> ์‚ฌ์ด ๋‚ด์šฉ์„ HTMLํ‘œ์ค€์— ๋งž์ถฐ ์ฝ๋Š”๋‹ค.

2. ํƒœ๊ทธ๊ฐ„์˜ ์ˆœ์„œ,๊ด€๊ณ„ ๋ถ„์„

3. ์™ธ๋ถ€ ์Šคํƒ€์ผ์‹œํŠธ, ์Šคํƒ€์ผ ์ •๋ณด ๋ถ„์„ํ›„ ํ™”๋ฉด์— ํ‘œ์‹œ, 

4. ์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ ์‹คํ–‰ ํ›„, ํ™”๋ฉด ์Šคํƒ€์ผ ์ ์šฉ ํ‘œ์‹œ

 

์Šค์ฝ”ํ”„๋ž€?

์ฐธ์กฐ ๋Œ€์ƒ ์‹๋ณ„์ž๋ฅผ ์ฐพ์•„๋‚ด๊ธฐ ์œ„ํ•œ ๊ทœ์น™

*๊ตฌ๋ถ„

- ์ „์—ญ ์Šค์ฝ”ํ”„ : ์–ด๋””์—์„œ๋“  ์ฐธ์กฐ ๊ฐ€๋Šฅ

- ์ง€์—ญ ์Šค์ฝ”ํ”„ : ๋ธ”๋ก ์•ˆ, ํ•จ์ˆ˜ ๋‚ด์—์„œ๋งŒ ์ฐธ์กฐ ๊ฐ€๋Šฅ

์ฐธ๊ณ 

ํ˜ธ์ด์ŠคํŒ… ์ด๋ž€?

์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•˜๊ธฐ ์ „ ๋ณ€์ˆ˜/ํ•จ์ˆ˜ ์„ ์–ธ์„ ํ•ด๋‹น ์Šค์ฝ”ํ”„์˜ ์ตœ์ƒ๋‹จ์œผ๋กœ ๋Œ์–ด์˜ฌ๋ฆฌ๋Š” ๊ฒƒ

์ฝ”๋“œ ์‹คํ–‰ ์ „, ๋ชจ๋“  ์„ ์–ธ์„ ์Šค์ฝ”ํ”„์— ๋“ฑ๋กํ•˜์—ฌ ์„ ์–ธ๋ฌธ๋ณด๋‹ค ์ฐธ์กฐ/ํ˜ธ์ถœ์ด ๋จผ์ €๋‚˜์™€๋„ ์˜ค๋ฅ˜์—†์ด ์‹คํ–‰ ๊ฐ€๋Šฅ

๋ณ€์ˆ˜๊ฐ€ ์„ ์–ธ๋˜๊ธฐ๋งŒํ•˜๊ณ  ๊ฐ’์€ ํ• ๋‹น๋˜์ง€ ์•Š๋Š” ์ƒํƒœ์—์„œ ์‚ฌ์šฉ๋จ (๊ฒฐ๊ณผ๊ฐ’์€ NaN,var ๋ณ€์ˆ˜๋Š” undefined)

์ฐธ๊ณ 

 

var , let,const

์˜ˆ์•ฝ์–ด ์„ ์–ธํ•˜์ง€ ์•Š๊ณ  ์‚ฌ์šฉํ•  ๊ฒฝ์šฐ ์žฌ์„ ์–ธ ์žฌํ• ๋‹น
var ์˜ค๋ฅ˜ x (ํ˜ธ์ด์ŠคํŒ… ๋ฐœ์ƒ) O O
let ์˜ค๋ฅ˜ ๋ฐœ์ƒ X O
const ์˜ค๋ฅ˜ ๋ฐœ์ƒ X X

*์˜ˆ์•ฝ์–ด๋ž€?

์ปดํ“จํ„ฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์—์„œ ์ด๋ฏธ ๋ฌธ๋ฒ•์ ์ธ ์šฉ๋„๋กœ ์‚ฌ์šฉ๋˜๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์‹๋ณ„์ž๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋Š” ๋‹จ์–ด

 

 

null๊ณผ undefined

๋‘˜ ๋‹ค ๊ฐ’์ด๋ฉด์„œ ์ž๋ฃŒํ˜•์ด๋‹ค ํ•˜์ง€๋งŒ ์ฐจ์ด์ ์ด ์žˆ๋‹ค.

null: ๊ฐ’์ด ์—†๊ฑฐ๋‚˜ ์œ ํšจํ•˜์ง€ ์•Š์€ ๊ฐ’ / ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ฐ˜ํ™˜ํ•˜๊ฑฐ๋‚˜ ์‚ฌ์šฉ์ž๊ฐ€ ํ• ๋‹นํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ’ /์ผ๋ถ€๋Ÿฌ ์œ ํšจํ•˜์ง€ ์•Š์€ ๊ฐ’ ์ง€์ •

undefined:๋นˆ ๊ฐ’์ธ์ง€,์œ ํšจํ•œ ๊ฐ’์ธ์ง€ ์ •ํ•  ์ˆ˜ ์—†๋Š” ์ƒํƒœ / ๋ณ€์ˆ˜๋ฅผ ๋งŒ๋“ค๊ธฐ๋งŒํ•˜๊ณ  ๊ฐ’์„ ํ• ๋‹นํ•˜์ง€ ์•Š์•˜์„ ๋•Œ ์ž๋™๋ถ€์—ฌ๋˜๋Š” ์ดˆ๊นƒ๊ฐ’/์‹ค์ˆ˜๋กœ ์ง€์ •x

 

ํ•จ์ˆ˜

.toFixed(์ž๋ฆฟ์ˆ˜)

๊ฐ’.toString

'๊ณต๋ถ€ ๊ธฐ๋ก โœ๏ธ > Javascript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

JS-Do it! JS - #7์ผ์ฐจ (08)  (0) 2023.03.23
JS-Do it! JS - #6์ผ์ฐจ  (0) 2023.03.21
JS-Do it! JS - #5์ผ์ฐจ  (0) 2023.03.21
JS-Do it! JS - #4์ผ์ฐจ  (0) 2023.03.18
JS-Do it! JS - #2์ผ์ฐจ  (2) 2023.03.15