post-thumbnail

function

function ํ•จ์ˆ˜ โ‡’ Function ๊ธฐ๋Šฅ โ‡’ ํ•˜๋‚˜์˜ function์€ ํ•˜๋‚˜์˜ thing์ผ์„ ์ฒ˜๋ฆฌํ•œ๋‹ค. โ‡’ function ์€ object์˜ ์ผ์ข…์ด๋‹ค. 2. Parameters ๋งค๊ฐœ๋ณ€์ˆ˜ โ‡’ premitive parameters: passed by value ๊ธฐ๋ณธ๋งค๊ฐœ๋ณ€์ˆ˜: ๊ฐ’์œผ๋กœ์ „๋‹ฌ โ‡’ object parameters: passed by reference ๊ฐ์ฒด๋งค๊ฐœ๋ณ€์ˆ˜: ์ฐธ์กฐ๋กœ์ „๋‹ฌ 3. Default parameters (added in ES6) ๊ธฐ๋ณธ ๋งค๊ฐœ๋ณ€์ˆ˜(ES6์— ์ถ”๊ฐ€๋จ) ![](https://images.velog.io/images/neotheone90/post/5fa5473a-e4b3-4a11-904f-b4a83d4d28e0/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202022-01-2

2022๋…„ 2์›” 5์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

variable ๋ณ€์ˆ˜

1. use strict โ‡’ ์„ ์–ธ์„ ํ•˜๋ฉด strict๋ชจ๋“œ๋กœ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์ด ๋น ๋ฅด๊ฒŒ๋ถ„์„, ์„ฑ๋Šฅ๊ฐœ์„ ๊ฐ€๋Šฅ ์ƒ์‹์„ ์—์„œ ์ฝ”๋”ฉ์„ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•œ๋‹ค. โ‡’ added in ES 5 (ES ์ดํฌ๋งˆ ์Šคํฌ๋ฆฝํŠธ =์ „์„ธ๊ณ„ ํ†ต์šฉ ๋ฌธ๋ฒ•) 2. Variable ๋ณ€์ˆ˜ โ‡’ ๋ณ€๊ฒฝ๋˜์–ด์งˆ ์ˆ˜ ์žˆ๋Š” ๊ฐ’ โ‡’ let (added in ES6) ES6์— ์ถ”๊ฐ€๋˜์—ˆ๋‹ค. > โ‡’ Block scope ๋ธ”๋Ÿญ์„ ์ด์šฉํ•ด์„œ ์•ˆ์— ๋„ฃ์œผ๋ฉด ๋ฐ–์—์„œ ๋ถˆ๋Ÿฌ์˜ฌ ์ˆ˜ ์—†๋‹ค . global scope์„ ์‚ฌ์šฉํ•˜๋ฉด ์•ˆ์ด๋“  ๋ฐ–์ด๋“  ์ž์œ ๋กญ๊ฒŒ ๋ถˆ๋Ÿฌ์˜ฌ ์ˆ˜ ์žˆ์œผ๋‚˜, ๊ธ€๋กœ๋ฒŒํ•œ ๋ณ€์ˆ˜๋“ค์€ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์‹œ์ž‘๋ถ€ํ„ฐ ๋๋‚ ๋•Œ๊นŒ์ง€ ๋ฉ”๋ชจ๋ฆฌ์— ํƒ‘์ œ๋œ ์ƒํƒœ๊ธฐ ๋•Œ๋ฌธ์— c

2022๋…„ 2์›” 5์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

Operator ์—ฐ์‚ฐ์ž (2)

_.png) 7. equality ๋™๋“ฑ์„ฑ object equality by reference โ‡’ *์˜ค๋ธŒ์ 

2022๋…„ 1์›” 23์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

Operator ์—ฐ์‚ฐ์ž (1)

_.png) 1. String concatenation ๋ฌธ์ž์—ด์˜ ์—ฐ๊ฒฐ 2. Numeric oper

2022๋…„ 1์›” 22์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

1 - 2 Constants ์ƒ์ˆ˜

1-2. Constant ์ƒ์ˆ˜ ์ƒ์ˆ˜๋ž€? ํ”„๋กœ๊ทธ๋žจ์ด ์‹คํ–‰๋˜๋Š” ๋™์•ˆ(์„ ์–ธ๊ณผ ๊ฐ’์„ค์ •์„ ๋™์‹œ์— ํ–ˆ๋‹ค๋ฉด) ๊ฐ’์„ ๋ณ€๊ฒฝํ• ์ˆ˜ ์—†๋Š” ๊ฒƒ์„ ๋งํ•œ๋‹ค. ์‰ฝ๊ฒŒ ๋งํ•ด ๋‹ค์‹œ ์žฌ์ •์˜๊ฐ€ ๋ถˆ๊ฐ€๋Šฅ ํ•œ ๋ณ€ํ™˜๋˜์ง€ ์•Š๋Š” ๊ฐ’์„ ๋งํ•œ๋‹ค. Mutable data types = let ๊ฐ™์ด ๊ฐ’์„ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ๋Š”๊ฒƒ Immutable data types = const ์„ค์ •ํ•œ ๊ฐ’ ๋ณ€๊ฒฝ๋ถˆ๊ฐ€ ๊ฐœ๋ฐœ ํŠธ๋ ŒํŠธ๋ฅผ ๋ณด๋ฉด ๋ถˆ๋ณ€(imuutable) ๋ฐ์ดํ„ฐ ํƒ€์ž…์˜ ์‚ฌ์šฉ์„ ๊ถŒ์žฅํ•˜๊ณ  ์žˆ๋‹ค. *favor immutable data type always โ‡’ ์™ ๋งŒํ•˜๋ฉด ๋‹ค์‹œ๋Š” ๋ณ€๊ฒฝ๋˜์ง€ ์•Š๋Š” ๋ฐ์ดํ„ฐ ํƒ€์ž…์„ ์‚ฌ์šฉํ•˜์ž.

2022๋…„ 1์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

1 - 1 Variable ๋ณ€์ˆ˜

1-1 . Variable ๋ณ€์ˆ˜์— ๋Œ€ํ•ด์„œ ๋ฐฐ์šด๋‹ค . ๋ณ€๊ฒฝ๋˜์–ด์งˆ ์ˆ˜ ์žˆ๋Š” ๊ฐ’ use strict์„ ์–ธ์„ ํ•˜๋ฉด strict๋ชจ๋“œ๋กœ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์ด ๋น ๋ฅด๊ฒŒ๋ถ„์„, ์ƒ์‹์„ ์—์„œ ์ฝ”๋”ฉ๊ฐ€๋Šฅ added in ES5 1 use this for Vanilla Javascript. (๋ฐ”๋‹๋ผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ = ์ˆœ์ˆ˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ) let ์‚ฌ์šฉํ•ด์„œ ๋ฐฐ์›Œ๋ณด์ž let (added in ES6) ES6์— ์ถ”๊ฐ€ ๋˜์—ˆ๋‹ค. (ES ์ดํฌ๋งˆ ์Šคํฌ๋ฆฝํŠธ =์ „์„ธ๊ณ„ ํ†ต์šฉ ๋ฌธ๋ฒ•) Edge, firefox, Chrome, Safari, Opera ์‚ฌ์šฉ๊ฐ€๋Šฅ Internet Explorer๋Š” ์‚ฌ์šฉ์•ˆ๋จโ˜น๏ธ

2022๋…„ 1์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

๋ฐ”๋‹๋ผ JS๋กœ ํฌ๋กฌ ์•ฑ ๋งŒ๋“ค๊ธฐ3

๐Ÿ–ฅ ๋…ธ๋งˆ๋“œ์ฝ”๋”์ˆ˜์—… ์…‹์งธ๋‚  > โœ” JavaScript์—์„œ HTML element๋ฅผ ๊ฐ€์ ธ์˜ค๊ธฐ ![](https://images.velog.io/images/neotheone90/post/32e326a7-5b58-4d58-bf7b-75b3ff626b96/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202021-1

2021๋…„ 11์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

๋ฐ”๋‹๋ผ JS๋กœ ํฌ๋กฌ ์•ฑ ๋งŒ๋“ค๊ธฐ 2

๐Ÿ–ฅ ๋…ธ๋งˆ๋“œ์ฝ”๋”์ˆ˜์—… ๋‘˜์งธ๋‚  > โœ” Object item > โœ” ์ˆ™์ œ (2,3)์„ ์ด์šฉํ•œ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์ˆ˜์‹ ![](https://images.velog.io/images/neotheone90/post/50508346-e47b-4ebf-a0e8-a5c506bc54ee/%E1%84%8B%E1%85%B5%E1%86%AF1-1%E1%84%89%E1%85%A

2021๋…„ 11์›” 14์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

๋ฐ”๋‹๋ผ JS๋กœ ํฌ๋กฌ ์•ฑ ๋งŒ๋“ค๊ธฐ 1

๐Ÿ–ฅ ๋…ธ๋งˆ๋“œ์ฝ”๋”์ˆ˜์—… ์ฒซ์งธ๋‚  > โœ” Variables > โœ” Booleans > โœ” const and let > โœ” Arrays > โœ” Objects .png) ![](https://

2021๋…„ 11์›” 13์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท