[JavaScript]

hyena_leeยท2022๋…„ 8์›” 23์ผ
0

JavaScript

๋ชฉ๋ก ๋ณด๊ธฐ
1/5
post-thumbnail

๐Ÿž (์žฌ) ๊ธฐ์ดˆ๋‹ค์ง€๊ธฐ

string() -> ๋ฌธ์žํ˜•์„ ๋ณ€ํ™˜
Number() -> ์ˆซ์žํ˜•์œผ๋กœ ๋ณ€ํ™˜ (Number("๋ฌธ์ž") // NaN
Boolean() -> ๋ถˆ๋ฆฐํ˜•์œผ๋กœ ๋ณ€ํ™˜ (0, ", null, undefined, NaN -> false

(์ฃผ์˜์‚ฌํ•ญ)

Number(null) // 0
Number(undefined) //NaN

Number(0) // false์ˆซ์ž์ผ ๊ฒฝ์šฐ
Number('0') // true
๋ฌธ์ž์—ด์ผ ๊ฒฝ์šฐ
Number('') // false ๋นˆ๋ฌธ์ž์—ด ๊ฒฝ์šฐ
Number(' ') // true
๊ณต๋ฐฑ์ด ์žˆ์œผ๋ฉด

๐Ÿ ์—ฐ์‚ฐ์ž (Operators)

  • ๋”ํ•˜๊ธฐ
  • ๋นผ๊ธฐ
  • ๊ณฑํ•˜๊ธฐ
    / ๋‚˜๋ˆ„๊ธฐ
    % ๋‚˜๋จธ์ง€

Q. ๋‚˜๋จธ์ง€ (%)๋ฅผ ์–ด๋””์— ์“ธ๊นŒ?
ํ™€์ˆ˜ : X % 2 = 1
์ง์ˆ˜ : ใ…› % 2 = 0

Q. ์–ด๋–ค ๊ฐ’์ด ๋“ค์–ด์™€๋„ 5๋ฅผ ๋„˜๊ธฐ๋ฉด ์•ˆ๋ผ.
-> X % 5 = 0~4 ์‚ฌ์ด์˜ ๊ฐ’๋งŒ ๋ฐ˜ํ™˜

๐Ÿ ๊ฑฐ๋“ญ์ œ๊ณฑ

const num = 2**3;
console.log(num); //8

const age = 19

if(age > 19) {
	console.log('ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค');
} else if(age === 19) {
	console.log('์ˆ˜๋Šฅ ์ž˜์น˜์„ธ์š”');
} else {
	console.log('์•ˆ๋…•ํžˆ ๊ฐ€์„ธ์š”.');
}

๐Ÿ ๋…ผ๋ฆฌ ์—ฐ์‚ฐ์ž

|| (or)
&& (AND)
! (NOT)

์˜ˆ) ์ด๋ฆ„์ด TOM ์ด๊ฑฐ๋‚˜, ์„ฑ์ธ์ด๋ฉด ํ†ต๊ณผ

const name = "Mike"
const age = 30

if(name === TOM || age > 19) {
	console.log('ํ†ต๊ณผ');
}
if(name === 'Mike && age > 19) {
	console.log('ํ†ต๊ณผ');
} else {
	console.log('๋Œ์•„๊ฐ€');

}

๐Ÿ for๋ฌธ 1๋ถ€ํ„ฐ 10๊นŒ์ง€ ๋กœ๊ทธ

i = 0 ์ด๊ณ 
i ๊ฐ€ 10๋ณด๋‹ค ์ž‘์œผ๋ฏ€๋กœ
์ฝ”๋“œ ์‹คํ–‰
i๊ฐ’ 1 ์ฆ๊ฐ€
(๋ฐ˜๋ณต..9)

๐Ÿ while ๋ฌธ

๐Ÿ break, , continue

break : ๋ฉˆ์ถ”๊ณ , ๋น ์ ธ๋‚˜์˜ด
continue : ๋ฉˆ์ถ”๊ณ  ๋‹ค์Œ ๋ฐ˜๋ณต์œผ๋กœ ์ง„ํ–‰

๐Ÿ swich๋ฌธ & if ๋ฌธ

๐Ÿ ํ•จ์ˆ˜(function)

๐Ÿ ์ „์—ญ ๋ณ€์ˆ˜์™€ ์ง€์—ญ ๋ณ€์ˆ˜

  • ํ•œ๋ฒˆ์— ํ•œ ์ž‘์—…์— ์ง‘์ค‘
  • ์ฝ๊ธฐ ์‰ฝ๊ณ  ์–ด๋–ค ๋™์ž‘์ธ์ง€ ์•Œ ์ˆ˜ ์žˆ๊ฒŒ ๋„ค์ด๋ฐ
    showError - ์—๋Ÿฌ๋ฅผ ๋ณด์—ฌ์คŒ
    getName = ์ด๋ฆ„์„ ์–ป์–ด์˜ด
    createUserData - ์œ ์ €๋ฐ์ดํ„ฐ ์ƒ์„ฑ
    checkLogin - ๋กœ๊ทธ์ธ ์—ฌ๋ถ€ ์ฒดํฌ

๐Ÿ ํ•จ์ˆ˜ ์„ ์–ธ๋ฌธ vs ํ•จ์ˆ˜ ํ‘œํ˜„์‹


ํ˜ธ์ด์ŠคํŒ… : ์Šค์ฝ”ํ”„ ๋‚ด๋ถ€ ์–ด๋””์„œ๋“  ๋ณ€์ˆ˜ ์„ ์–ธ์€ ์ตœ์ƒ์œ„์— ์„ ์–ธ๋œ ๊ฒƒ ์ฒ˜๋Ÿผ ํ–‰๋™

๐Ÿ ํ™”์‚ดํ‘œ ํ•จ์ˆ˜

ํ•จ์ˆ˜ ํ‘œํ˜„์‹๋ณด๋‹ค ๋‹จ์ˆœํ•˜๊ณ  ๊ฐ„๊ฒฐํ•œ ๋ฌธ๋ฒ•์œผ๋กœ ํ•จ์ˆ˜๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ๋‹ค.
๋ฐ”๋กœ ํ™”์‚ดํ‘œ ํ•จ์ˆ˜(arrow function)๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ.

๐Ÿ ๊ฐ์ฒด

๐Ÿobject

ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋Š” ์ผ๋ฐ˜ ํ•จ์ˆ˜์™€๋Š” ๋‹ฌ๋ฆฌ ์ž์‹ ๋งŒ์˜ this ๋ฅผ ๊ฐ€์ง€์ง€ ์•Š์Œ
ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ ๋‚ด๋ถ€์—์„œ this๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด, ๊ทธ this๋Š” ์™ธ๋ถ€์—์„œ ๊ฐ’์„ ๊ฐ€์ ธ์˜ด

๐Ÿ ๋ฐฐ์—ด(Array)
: ์ˆœ์„๊ฐ€ ์žˆ๋Š” ๋ฆฌ์ŠคํŠธ

ํŠน์ง•

  • ๋ฐฐ์—ด์€ ๋ฌธ์ž ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ, ์ˆซ์ž, ๊ฐ์ฒด, ํ•จ์ˆ˜ ๋“ฑ๋„ ํฌํ•จํ•  ์ˆ˜ ์žˆ์Œ.

push() :๋ฐฐ์—ด ๋์— ์ถ”๊ฐ€

pop(): ๋ฐฐ์—ด ๋ ์š”์†Œ ์ œ๊ฑฐ

shift, unshift ๋ฐฐ์—ด ์•ž์— ์ œ๊ฑฐ/์ถ”๊ฐ€

๐Ÿ ๋ณ€์ˆ˜์˜ ์ƒ์„ฑ๊ณผ์ •

  1. ์„ ์–ธ ๋‹จ๊ณ„
  2. ์ดˆ๊ธฐํ™” ๋‹จ๊ณ„
  3. ํ• ๋‹น ๋‹จ๊ณ„

let 1.์„ ์–ธ, 2.์ดˆ๊ธฐํ™”
const 1.์„ ์–ธ, 2.์ดˆ๊ธฐํ™”, 3.ํ• ๋‹น

๐Ÿ ์Šค์ฝ”ํ”„

var : ํ•จ์ˆ˜ ์Šค์ฝ”ํ”„(function-scoped)
let, const : ๋ธ”๋ก ์Šค์ฝ”ํ”„ (block-scoped)
: ํ•จ์ˆ˜, if๋ฌธ, for ๋ฌธ, while ๋ฌธ, try/catch ๋ฌธ ๋“ฑ

๐Ÿ ์ƒ์„ฑ์ž ํ•จ์ˆ˜

-
profile
์‹ค์ˆ˜๋ฅผ ๋‘๋ ค์›Œ ๋ง๊ณ  ๊ณ„์† ๋„์ „ ํ•˜๋Š” ๊ฐœ๋ฐœ์ž์˜ ์—ฌ์ •!

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