[책] 자바스크립트 코드 레시피 278 - 2일차

사칙연산

  console.log(100 + 200); // 덧셈
  console.log(200 - 80); // 뺄셈
  console.log(100 * 3); // 곱셈
  console.log(400 / 5); // 나눗셈
  console.log(402 % 5); // 나머지
  console.log(2 ** 3); // 제곱

변수 선언하기

  • 데이터 값에 이름을 지정하여 사용하고 싶을 때
  • 데이터 값을 반복 사용하고 싶을 때
  • 값 변경이 가능한 변수를 사용하고 싶을 때

    데이터값을 변수명에 저장한다.

실행 결과

자바스크립트 파일에 코드를 작성하여 콘솔창에서 확인해봅시다.

  let myName = '제이펍';
  console.log(myName);

변수

변수는 임의 값의 대입이 가능하며, 다음과 같이 문자열이나 날짜, 함수의 대입도 가능합니다.

  let myString = '제이펍';
  let currentDate = new Date();
  let myFunction = () => consnole.log('함수 확인');

변수의 값 변경이 가능

  let myName = '제이펍';
  myName = '에스펍';
  console.log(myName);

개발자 모드에서 콘솔창 확인하면 변수의 값이 변경이 되었습니다.

값 + 값 대입 (let)

  • 숫자 타입 변수 간에는 덧셈과 뺄셈 계산이 가능합니다.
  • 문자열 타입 변수 간에는 결합이 가능합니다.
  • 한 변수는 다른 변수에 대입이 가능합니다.
  // 숫자 변수의 덧셈
  let number1 = 10;
  let number2 = 20;
  let sum = number1 + number2;
  console.log(sum); // 결과: 30;

  // 문자열 변수의 결합
  let firstName = '브랜덤';
  let familyName = '레이크';
  let fullName = firstName + familyName;
  console.log(fullName); // 결과: '브랜덤레이크';

  // 변수를 다른 변수에 대입
  let value1 = 100;
  let value2 = value1;
  console.log(value2); // 결과: 100(value1과 같은 값)

상수 사용하기

자바스크립트에서는 const 가 상수를 의미합니다.

  • 데이터 값에 이름을 지정하여 사용하고 싶을 때
  • 데이터 값을 반복해서 사용하고 싶을 때
  • 데이터 값의 수정이 불가능한 상수를 사용하고 싶을 때
  const myName = '도미나';
  alert(myName);

상수

상수는 임의 값의 대입이 가능하며, 다음과 같이 문자열과 함수의 대입도 가능하다.

  const myString = '문자열';
  const myFunction = () => console.log('함수 확인');

상수는 변수와 다르게 값의 변경이 불가능하므로 다음 코드는 에러가 발생한다.

  const myName = '문자열';
  myName = '이름';


Uncaught TypeError: Assignment to constant variable. 에러 메시지가 나옵니다.
에러 메시지를 해석하면 상수 변수에 할당 이라고 해석됩니다.
쉽게 이야기하자면 상수는 재할당이 안됩니다. 할당하였으면 다시 재할당이 안되는거죠.
재할당을 하고 싶으면 let 사용하시면 됩니다.

값 + 값 대입 (const)

  // 숫자 변수의 덧셈
  const number1 = 10;
  const number2 = 20;
  const sum = number1 + number2;
  console.log(sum); // 결과: 30;

  // 문자열 변수의 결합
  const firstName = '브랜덤';
  const familyName = '레이크';
  const fullName = firstName + familyName;
  console.log(fullName); // 결과: '브랜덤레이크';

  // 변수를 다른 변수에 대입
  const value1 = 100;
  const value2 = value1;
  console.log(value2); // 결과: 100(value1과 같은 값)

데이터값 할당하지 않으면?

  let myName;
  console.log(myName);

let 데이터값 할당하지 않고 콘솔로그에서 확인하면 undefined 나옵니다.

  const myName;
  console.log(myName);

const 데이터값 할당하지 않고 콘솔로그에서 확인하면 Missing initializer in const declaration 에러 메시지가 나옵니다.

주석 추가하기

프로그램이 복잡해지고 개발하는 인원이 많아지면 다른 개발자의 코드를 이해하고 분석하는데도 시간이 많이 걸리므로, 코드 내부에 의도와 용도에 맞는 적절한 주석을 넣어 주는 것이 좋습니다.

실습

자바스크립트에는 두 가지로 주석을 작성할 수 있습니다.

  • 여러 줄의 주석 처리
  /*
  const value = 100;
  console.log(value);
  */
  • 한 줄의 주석 처리
  // const value = 100;
  // console.log(value);

좋은 웹페이지 즐겨찾기