[๐Ÿ’ป ์ฝ”๋“œ์Šคํ…Œ์ด์ธ  FE 44๊ธฐ] ๋ถ€ํŠธ์บ ํ”„ - JavaScript Koans

JiEunยท2023๋…„ 3์›” 6์ผ
0
post-thumbnail

โœ”๏ธย ์‹œ์ž‘

์ง€๊ธˆ๊นŒ์ง€ ๋ฐฐ์› ๋˜ ๋‚ด์šฉ๋“ค์„ ๋ชจ์•„์„œ ํ’€์–ด๋ณด๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์กŒ๋‹ค.
๋ช‡๋ช‡ ๋ถ€๋ถ„์€ ์ƒ๊ฐ ๋ณด๋‹ค ์‰ฌ์›Œ์„œ ๊ธˆ๋ฐฉ ํ’€์—ˆ๊ณ  ๋ช‡๋ช‡ ๋ฌธ์ œ๋Š” ์™œ ์ด๊ฒŒ ์ด๋ ‡๊ฒŒ ์‹คํ–‰ ๋˜๋Š”์ง€ ํ•œ์ฐธ ๊ณ ๋ฏผํ–ˆ๋˜ ๊ฑฐ ๊ฐ™๋‹ค.

๐Ÿ“ ๋ฐฐ์šด๊ฒƒ

expect(ํ…Œ์ŠคํŠธ ํ•˜๋Š” ๊ฐ’). ๊ธฐ๋Œ€ํ•˜๋Š” ์กฐ๊ฑด

expect๋ฅผ ์ด์šฉํ•ด ํ…Œ์ŠคํŠธ ํ•  ์ˆ˜ ์žˆ๋‹ค.

expect(ํ…Œ์ŠคํŠธํ•˜๋Š”๊ฐ’).๊ธฐ๋Œ€ํ•˜๋Š”์กฐ๊ฑด
expect(a(1)).to.be.true // 'a(1)'์˜ ๊ฒฐ๊ณผ๊ฐ’์€ ์ฐธ(true)์ด์–ด์•ผ ํ•œ๋‹ค'
expect(1 + 2).to.equal(3) // 'sum(1, 2)์˜ ๊ฒฐ๊ณผ๊ฐ’์€ 3๊ณผ ๊ฐ™์•„์•ผ(equal) ํ•œ๋‹ค'

Array.from()

์œ ์‚ฌ ๋ฐฐ์—ด ๊ฐ์ฒด๋‚˜ ๋ฐ˜๋ณต ๊ฐ€๋Šฅํ•œ ๊ฐ์ฒด๋ฅผ ์–•๊ฒŒ ๋ณต์‚ฌํ•ด ์ƒˆ๋กœ์šด array ๊ฐ์ฒด๋ฅผ ๋งŒ๋“ ๋‹ค.
Array.from() ์ฐธ๊ณ 

slice(start, end)

์œ ํšจํ•˜์ง€ ์•Š์€ ๊ฐ’์„ ๋„ฃ์—ˆ์„ ๋• ํ•ด๋‹น ๊ฐ’์„ ๋ฌด์‹œํ•˜๋Š” ๊ฑฐ ๊ฐ™๋‹ค.

const a = [1,2,3,4];

a.slice(0); // [1,2,3,4]
a.slice(1); // [2,3,4]
a.slice(0, 1) // [1] 
a.slice(0, 2) // [1,2] 
a.slice(2, 2) // []
a.slice(1, 5) // [2,3,4]
a.slice(2, 100) // [3,4]

object.length

๊ฐ์ฒด์— ๊ฐ’์ด ์žˆ๋“  ์—†๋“  length๋ฅผ ํ•  ๊ฒฝ์šฐ undefined๋กœ ํ‘œ์‹œํ•œ๋‹ค.

const a = {};
a.length; // undefind

const b {
 a:1,
 b:2
}
b.length; // undefind

โœ๏ธ ๋งˆ์น˜๋ฉฐ

๊ณต๋ถ€ํ•˜๋ฉด์„œ ๋†“์น˜๊ณ  ์žˆ๋˜ ๋ถ€๋ถ„์„ ์บ์น˜ํ–ˆ๋˜ ์‹œ๊ฐ„์ด์˜€๋‹ค.

๊ฐ์ฒด์— ๊ธธ์ด๊ฐ€ ์—†์–ด ๋นˆ๊ฐ’์ด๋‚˜ ์•ˆ์— ๊ฐ’์ด ๋“ค์–ด๊ฐ€๋„ undefined๋กœ ๋‚˜์˜จ๋‹ค.

๋˜ํ•œ slice์— ๊ธฐ์กด ๊ธธ์ด๋ณด๋‹ค ๋†’๊ฒŒ ๋„ฃ์„ ๊ฒฝ์šฐ ํ•ด๋‹น ๊ฐ’์€ ๋ฌด์‹œ ๋œ๋‹ค.

profile
๐Ÿ’ป ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ ๋ชฉํ‘œ๋กœ ์„ฑ์žฅ ์ค‘! (์•Œ์•„๋ดค๋˜ ๋‚ด์šฉ ๋“ฑ์„ ์ •๋ฆฌํ•˜๊ธฐ)

0๊ฐœ์˜ ๋Œ“๊ธ€