Dream🐰ng
article thumbnail

 

1. λ³€μˆ˜


λ³€μˆ˜λž€? 데이터λ₯Ό μ €μž₯ν•˜κ³ μž ν•˜λŠ” λ³΄κ΄€ν•¨μ˜ 이름이닀.

 

✏️ λ³€μˆ˜μ˜ μ„ μ–Έ

보관함에 데이터λ₯Ό μ €μž₯ν•  곡간을 ν™•λ³΄ν•˜λŠ” ν–‰μœ„μ΄λ‹€.

// let λ³€μˆ˜μ΄λ¦„;
let date;

 

✏️ ν• λ‹Ή

ν™•λ³΄ν•œ 보관함에 데이터λ₯Ό μ €μž₯ν•˜λŠ” ν–‰μœ„μ΄λ‹€.

// λ³€μˆ˜μ΄λ¦„ = κ°’;
date = 20220822;

/* μ„ μ–Έκ³Ό λ™μ‹œμ— ν• λ‹Ήν•˜λŠ” 경우
let λ³€μˆ˜μ΄λ¦„ = κ°’; */
let date = 20220822;

이 λ•Œ = λŠ” μˆ˜ν•™μ  의미의 'κ°™λ‹€'κ°€ μ•„λ‹Œ, 'λŒ€μž…ν•œλ‹€'의 μ˜λ―Έμ΄λ‹€.

 

πŸ“Œ λ³€μˆ˜ μ„ μ–Έ μ‹œ μ£Όμ˜μ‚¬ν•­ πŸ“Œ

  • λ³€μˆ˜λͺ…μ—λŠ” 곡백을 μ“°μ§€ λͺ»ν•˜λ―€λ‘œ, 보톡 λ‹¨μ–΄μ˜ 첫 κΈ€μžλ₯Ό λŒ€λ¬Έμžλ‘œ μž‘μ„±ν•˜λŠ” CamelCaseλ₯Ό μ‚¬μš©ν•œλ‹€.
  • 이미 μ„ μ–Έν•œ λ³€μˆ˜λ₯Ό λ‹€μ‹œ μ„ μ–Έν•  λ•ŒλŠ” let을 μ“°μ§€ μ•ŠλŠ”λ‹€.

 

 

2. νƒ€μž…


νƒ€μž…μ΄λž€? μ €μž₯된 κ°’μ˜ μ’…λ₯˜μ— 따라 λ‹¬λΌμ§€λŠ” κ²ƒμœΌλ‘œ, λͺ¨λ“  λ³€μˆ˜λŠ” νƒ€μž…μ„ κ°–λŠ”λ‹€.

 

✏️ νƒ€μž…μ˜ μ’…λ₯˜

  • μ›μ‹œκ°’
    - Boolean νƒ€μž… : true와 false 2κ°€μ§€ 값을 κ°€μ§„λ‹€.
    - Null νƒ€μž…
    - Undefined νƒ€μž…
    - Number νƒ€μž… : 숫자 값을 κ°€μ§„λ‹€.
    - BigInt νƒ€μž…
    - String νƒ€μž… : 문자 값을 κ°€μ§„λ‹€.
    - Symbol νƒ€μž…
  • 객체

 

✏️ typeof μ—°μ‚°μž

νŠΉμ •κ°’μ˜ νƒ€μž…μ„ μ•Œκ³  싢을 λ•Œ μ‚¬μš©ν•˜λŠ” μ—°μ‚°μžμ΄λ‹€.

console.log(typeof 20220822);
// expected output: number

console.log(typeof '20220822');
// expected output: string

console.log(typeof true);
// expected output: boolean

console.log(typeof helloWorld);
// expected output: undefined

 

 

3. ν•¨μˆ˜


ν•¨μˆ˜λž€? νŠΉμ • κΈ°λŠ₯을 μˆ˜ν–‰ν•˜λŠ” μ½”λ“œ 묢음의 λ‹¨μœ„λ₯Ό λ§ν•œλ‹€.

 

✏️ ν•¨μˆ˜μ˜ μ •μ˜

ν•¨μˆ˜λ₯Ό μƒμ„±ν•˜λŠ” ν–‰μœ„λ₯Ό λ§ν•œλ‹€.

/* function ν•¨μˆ˜λͺ… (νŒŒλΌλ―Έν„°1, νŒŒλΌλ―Έν„°2, ...) {
      ν•¨μˆ˜ λ³Έλ¬Έ
   } */
   
   
// ν•¨μˆ˜ 선언식
function getCircleArea (radius, pi) {
   let circleArea = radius * radius * pi;
   return circleArea
}
   
   
// ν•¨μˆ˜ ν‘œν˜„μ‹
let getCircleArea = function (radius, pi) {
   let circleArea = radius * radius * pi;
   return circleArea
}


// ν™”μ‚΄ν‘œ ν•¨μˆ˜
let getCirlceArea = (radius, pi) => {
   let circleArea = radius * radius * pi;
   return circleArea
}


// ν™”μ‚΄ν‘œ ν•¨μˆ˜ 리턴값 μƒλž΅ κ°€λŠ₯μ‹œ
let getCircleArea = (radius, pi) => radius * radius * pi;

 

✏️ ν•¨μˆ˜μ˜ 호좜

μƒμ„±ν•œ ν•¨μˆ˜μ˜ 값을 λ¦¬ν„΄ν•˜λŠ” ν–‰μœ„λ₯Ό λ§ν•œλ‹€.

getCircleArea(4, 3.14);
// expected output: 50.24

'🐢 FE 41κΈ° > Review' μΉ΄ν…Œκ³ λ¦¬μ˜ λ‹€λ₯Έ κΈ€

[S1U8] Linux/Git 기초  (0) 2022.09.01
[U1S6] HTML/CSS ν™œμš©  (0) 2022.08.29
[U1S5] CSS 기초  (1) 2022.08.26
[U1S4] HTML 기초  (0) 2022.08.25
[U1S3] JavaScript 기초 μ œμ–΄λ¬Έ  (0) 2022.08.23
profile

Dream🐰ng

@shoupeach

🐰 Happy new rabbit! 🐰

profile on loading

Loading...