λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
μ‹œλ„/Code-States

[D+01] JavaScript 기초 01

by πŸ‡λ°•λ΄‰λ΄‰πŸ‡ 2020. 9. 7.

 

D+01 

-  JavaScript의 기초 01 -

(λ³€μˆ˜μ™€ μžλ£Œν˜•, ν•¨μˆ˜)

 


 

 

λ³€μˆ˜

상황에 따라 λ³€ν•  수 μžˆλŠ” 이름이 뢙은 κ°’

 

 

λ³€μˆ˜μ˜ νŠΉμ§•

• λ³€μˆ˜λ₯Ό μ„ μ–Έν•˜λŠ” 방법은 ν‚€μ›Œλ“œλ₯Ό μž…λ ₯ν›„ λ³€μˆ˜λ₯Ό μ„ μ–Έν•΄ μ€€λ‹€.

let phonenumber; // ν‚€μ›Œλ“œ(let) λ³€μˆ˜(phonenumber);

 

• λ³€μˆ˜λ₯Ό 이미 ν•œλ²ˆ μ„ μ–Έν–ˆμ„ 경우 λ‹€μŒμ— μ‚¬μš©ν• λ•ŒλŠ” λ‹€μ‹œ μ„ μ–Έν•˜μ§€ μ•ŠλŠ”λ‹€.

let city, name; //λ³€μˆ˜ μ„ μ–Έ

city = '인천'; // λ³€μˆ˜λ₯Ό 이전에 μ„ μ–Έν–ˆκΈ° λ•Œλ¬Έμ— λ‹€μ‹œ λ³€μˆ˜λ₯Ό μ„ μ–Έν•  ν•„μš”κ°€ μ—†λ‹€.
name = '홍길동';

 

• λ³€μˆ˜μ— 값을 ν• λ‹Ήν•  수 μžˆλ‹€. (ν• λ‹Ήλ˜μ§€ μ•Šμ€ λ³€μˆ˜λŠ” μ •μ˜λ˜μ§€ μ•Šμ•˜λ‹€λŠ” 의미의 'undefined'λΌλŠ” 값이 λ“€μ–΄κ°„λ‹€)

   μ΄λ•Œμ˜ '='은 'κ°™λ‹€'의 μ˜λ―Έκ°€ μ•„λ‹Œ 'λŒ€μž…'을 μ˜λ―Έν•œλ‹€.

let number = 1; //numberλΌλŠ” λ³€μˆ˜μ— 숫자 1을 λ„£μ—ˆλ‹€.

 

• λ³€μˆ˜μ΄λ¦„μ„ 지정할 λ•Œ 곡백이 ν¬ν•¨λ˜μ§€ μ•Šμ•„μ•Ό ν•œλ‹€.

    κ³΅λ°±λŒ€μ‹ μ— λ‹¨μ–΄μ˜ 첫 κΈ€μžλ₯Ό λŒ€λ¬Έμžλ‘œ μ¨μ„œ μ‚¬μš©ν•˜λŠ” 방법이 μžˆλŠ”λ° λ³€μˆ˜μ˜ λͺ¨μŠ΅μ΄ 낙타 λ“± 처럼 생겼닀 ν•˜μ—¬ 'Camel Case'라고 λΆ€λ₯Έλ‹€.

phone number // (x)

phoneNumber // (O) --> Camel Case

 

• 값을 할당받은 λ³€μˆ˜λŠ” ν‘œν˜„μ‹μ—μ„œ ν‘œν˜„ν•  수 있으며, ν‘œν˜„μ‹μ„ λ‹€μ‹œ λ³€μˆ˜μ— μž…λ ₯ν•  수 μžˆλ‹€.

let pi = 3.14;
let radius = 3;

let areaOfCircle = pi * radius * radius; // 3.14 * 3 * 3

 

• λ³€μˆ˜λŠ” λ™μΌν•œ λ³€μˆ˜λ₯Ό μ΄μš©ν•΄ λŒ€μž…ν•  수 μžˆλ‹€.

let sum = 1; //λ³€μˆ˜μ— 1을 λ„£λŠ”λ‹€.
sum = sum + 3; //1이 λ“€μ–΄κ°„ λ³€μˆ˜μ™€ 3을 λ”ν•œ ν›„ κΈ°μ‘΄ λ³€μˆ˜μ— λ‹€μ‹œ λ„£λŠ”λ‹€. -> 4
sum = sum + 5; //4κ°€ λ“€μ–΄κ°„ λ³€μˆ˜μ™€ 5λ₯Ό λ”ν•œ ν›„ κΈ°μ‘΄ λ³€μˆ˜μ— λ‹€μ‹œ λ„£λŠ”λ‹€. -> 9
sum = sum + 7; //9κ°€ λ“€μ–΄κ°„ λ³€μˆ˜μ™€ 7을 λ”ν•œ ν›„ κΈ°μ‘΄ λ³€μˆ˜μ— λ‹€μ‹œ λ„£λŠ”λ‹€. -> 16

 

 


μžλ£Œν˜•

ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄λ‘œ μ‘°μž‘ν•  수 μžˆλŠ” κ°’μ˜ μœ ν˜•

 

 

μžλ£Œν˜•μ˜ μ’…λ₯˜

μ’…λ₯˜ λ‚΄μš©
κΈ°λ³Έ μžλ£Œν˜• λ¬Έμžμ—΄ μžλ°”μŠ€ν¬λ¦½νŠΈ λ‚΄μ˜ ν…μŠ€νŠΈ
숫자 μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ λͺ¨λ“  숫자둜 Number νƒ€μž…μ΄λ‹€
뢈린 μ°Έ(true)κ³Ό 거짓(false)으둜 λ‚˜λ‰¨
볡합 μžλ£Œν˜• 객체 κ°’μ˜ 집합
λ°°μ—΄ 순차적인 κ°’μ˜ 집합
ν•¨μˆ˜ μ‹€ν–‰ κ°€λŠ₯ν•œ μ½”λ“œκ°€ λ‹΄κΈ΄ 객체
특수 μžλ£Œν˜• 널 (null) 값이 μ—†μŒμ„ λ‚˜νƒ€λƒ„
undefined 값이 ν• λ‹Ήλ˜μ§€ μ•Šμ€ λ³€μˆ˜

 

 


ν•¨μˆ˜

μˆ˜ν•™μ μΈ ν‘œν˜„ JavaScript
f ( x ) ν•¨μˆ˜ 이름 ( 이름 )

λ¬Έμ œν•΄κ²°μ„ μœ„ν•œ 고민을 λ…Όλ¦¬μ μœΌλ‘œ ν’€μ–΄λ‚΄λŠ” μž‘μ—…μ„ ν•˜λŠ” λ‹¨μœ„ 

 

λ§€κ°œλ³€μˆ˜(parameter) : ν•¨μˆ˜ μ‹€ν–‰μ‹œμ— μž…λ ₯에 λ”°λΌ κ°’이 λ³€ν•  μˆ˜ μžˆλŠ” λ³€μˆ˜λ‘œ ν‚€μ›Œλ“œλ₯Ό μ‚¬μš©ν•˜μ§€ μ•Šκ³  ν•¨μˆ˜ 이름 μ˜† κ΄„ν˜Έ μ•ˆμ— μž…λ ₯ν•œλ‹€.

 

 

ν•¨μˆ˜μ˜ μ„ μ–Έ

•ν•¨μˆ˜ 선언식

function myFunction(input) { 
	// μ»΄ν“¨ν„°μ—κ²Œ μ‹œν‚¬ 일
}

 

•ν•¨μˆ˜ ν‘œν˜„μ‹

let myFunction = function(input) {
	// μ»΄ν“¨ν„°μ—κ²Œ μ‹œν‚¬ 일
}

 

 

ν•¨μˆ˜ λ°”κΉ₯으둜 κ²°κ³Ό κ°€μ Έμ˜€κΈ° 'return'

μœ„μ—μ„œ 배운 κ²ƒλ“€λ‘œ ν•¨μˆ˜λ₯Ό μ œμž‘ν•˜λ©΄ ν•΄λ‹Ή κ²°κ³Όκ°€ λ‚˜μ˜€λŠ” 것을 확인할 수 μžˆλ‹€.

ν•˜μ§€λ§Œ μ΄λŸ¬ν•œ 결과값은 μ½˜μ†”μ°½μ—μ„œ λ‚˜νƒ€λ‚˜λŠ” 것일 뿐 μ‹€μ œλ‘œλŠ” 값이 λ‚˜νƒ€λ‚˜μ§€ μ•ŠλŠ”λ‹€.

 

 

ν•¨μˆ˜μ— κ΄€ν•œ μ‹€ν–‰κ²°κ³Όλ₯Ό λ³€μˆ˜μ— 담아놓고 λ³€μˆ˜λ₯Ό ν˜ΈμΆœν–ˆμ„ 경우 값이 λ‚˜μ˜€μ§€ λ‚˜νƒ€λ‚˜μ§€ μ•ŠλŠ” 것을 확인할 수 μžˆλ‹€. 

 

 

function getAreaOfCircle(radius) {
	let pi = 3.141592;
    let areaOfCircle = pi * radius * radius;
    return areaOfCircle;
}

getAreaOfCircle(5); // 3.141592 * 5 * 5 = 314.1592

이 경우λ₯Ό λŒ€λΉ„ν•΄ λ³€μˆ˜μ— return을 적어주면 ν•¨μˆ˜ λ°”κΉ₯으둜 결과값을 κ°€μ Έμ˜¬ 수 μžˆλ‹€.

 

 

λ°˜μ‘ν˜•

λŒ“κΈ€