블로깅 챌린지 6일차 - 자바스크립트 기초

6일차 회고

---

ㅁ 주요 내용

• 타입
• 변수

---

1. 타입

• Number 타입
  • 숫자를 표현하기 위한 데이터 타입으로 정수와 실수 모두 표현 가능
  • Math 내장 객체

< Math 내장 객체 >
- Math.floor(): 괄호 안의 숫자를 내림하여 반환합
-Math.ceil(): 괄호 안의 숫자를 올림하여 반환
-Math.round(): 괄호 안의 숫자를 반올림하여 반환합니다.Math.abs(): 괄호 안의 숫자의 절대값을 반환
-Math.sqrt(): 괄호 안의 숫자의 루트값을 반환
-Math.pow() : 괄호 안의 첫 번째 숫자를 밑, 두 번째 숫자를 지수인 숫자를 반환

• String 타입
  • 인간의 언어(자연어)를 표현하기 위한 데이터 타입으로, 따옴표(’), 큰따옴표(”), 백틱(`)으로 감싸서 작성함
  • 문자열의 length 속성
  • 인덱스(Index)
  • 기타 메서드

  //* length 속성을 이용하여 문자열의 길이를 확인 가능 *//
  console.log('안녕하세요'.length); // 3
  
  //* 인덱스: 문자열의 각문자는 순서를 가지고 있으며, 각 문자가 몇번째에 위치하는지 인덱으로 확인 *//
  let index = 'hello';
  console.log(index[0]; // 'h'
  console.log(index[4]; // 'o'
  
  //* 기타 메서드 
  1. toLowerCase() : 문자열을 소문자로 변경
  2. toUpperCase() : 문자열을 대문자로 변경다.
  3. concat() : 문자열 연결 연산자 +처럼 문자열을 이어 붙임
  4. slice() : 문자열의 일부 자르기 
  *//

 

• Boolean 타입
  • 사실 관계를 구분하기 위한 타입
  • 불리언 타입의 값은 true 혹은 false
  • 대표적인 falsy 값:false, 0, -0, 0n, "", '', ``, null, undefined, NaN
  • 비교연산자와 논리연산자

//* 비교연산자: ===, !==, ==, !=, >, <, >=, <= *//
3351 === ( 3000 + 351 ); // true
3351 !== ( 3000 + 351 ); // false

//* 논리연산자: ||(OR), &&(AND)  *//
||(OR): 두 값중 하나만 true 여도 true로 판단, 두 값 모두 false 면 false로 판단
&&(AND): 두 값 모두 true면 true로 판단, 두 값 중 하나만 false 여도 false 로 판단

 

2. 변수

• 변수의 선언과 할당
• 변수 선언: 특정 데이터를 컴퓨터가 기억하도록 메모리 공간을 확보하고, 그 공간에 이름을 부여하는 것
• 변수 할당: 선언한 변수에 값을 할당하는 것

//* 변수 선언과 할당 *//
let num; // let 변수 선언
num = 10; // 값 할당

console.log(num * 2); // 20
console.log(num * 4); // 40
console.log(num * 6); // 60

num = 20; // 값 재할당 가능
console.log(num * 2); // 40
console.log(num * 4); // 80
console.log(num * 6); // 120

const num2; // const 변수 선언( let과 달리 값 재할당이 불가능함)
num2 = 'hello'; // 값 할당
console.log(num2); // 'hello'

num2 = 'hello world'; // Uncaught TypeError: Assignment to constant variable.