[제대로 파는 자바스크립트] 1 - 1. 기본 명령어와 자료형

2023. 8. 29. 21:59·FrontEnd/JavaScript

# 기본적인 명령어

console.log( 값 );

: 콘솔에 데이터 출력 (개발자용 기능으로 소프트웨어 외적으로 영향 끼치지 않음.)

  • 콘솔 비우기: Ctrl + L

console.info('로그 - 기능적으로는 log와 같음. 사용하기에 따라 용도 구분 가능');

console.warn('경고 - 문제가 될 수 있는 부분');

console.error('오류 - 에러 발생 상황');

 

# 변수와 상수

let : 변수

const : 상수

 

# 컴퓨터 상식

CPU: 일하는 사람

  • 뇌 - 작업을 진행하는 주체
  • cpu가 좋으면 속도가 빨라짐

보조기억장치(SSD, HDD): 서랍

  • 상대적으로 저장공간은 넓고 접근 속도는 느림
  • 소프트웨어(코드)가 저장되는 곳

메모리(RAM): 책상 위 공간

  • 상대적으로 저장공간은 좁고 접근 속도는 빠름
  • 사람(cpu)이 서랍(보조기억장치)에 든 데이터를 꺼내 올려두고 작업하는 공간
  • 변수와 상수를 비롯한 데이터들이 이곳에서 만들어지고 사용됨
  • 메모리를 효율적으로 사용하기 위한 지식과 노력이 필요 -> 사람 노력

# 자료형

typeof 연산자 : 뒤에 오는 값의 자료형을 반환

 

  • boolean: 참, 거짓
  • number : int, double 다 합쳐서 number로 씀.
    • 정수 2^53-1까지만 표현 가능 - 더 큰 정수는 BigInt
  • string: 문자열
  • undefined: 값이 부여되지 않은 상태, 이것도 값임.
  • null: 의도적인 빈값을 의미, 이것도 값임.

 

# 동적 타입 언어

- 특정 값이 할당된 변수에, 그와 다른 자료형의 값을 넣는 것이 가능

let x = '안녕';
x=1; //가능

- 자유롭지만 그만큼 자료형 관련 오류들에 취약함

// 주어진 문자열을 대문자로 바꾸는 함수
// 다른 자료형에 대한 예외처리 없음
function getUpperCase(str) {
  return str.toUpperCase();
}

console.log(getUpperCase('hello'));

console.log(getUpperCase(1)); // 오류 발생!

 

# 기본 표기 방법

긴 문자열 여러줄에 나눠서 표현

// let longName = '김수한무 거북이와 두루미 삼천갑자 동방삭 치치카포 사리사리센타 워리워리 세브리깡 무두셀라 구름이 허리케인에 담벼락 담벼락에 서생원 서생원에 고양이 고양이엔 바둑이 바둑이는 돌돌이';

let longName = '김수한무 거북이와 두루미 \
삼천갑자 동방삭 치치카포 사리사리센타 \
워리워리 세브리깡 무두셀라 구름이 \
허리케인에 담벼락 담벼락에 서생원 \
서생원에 고양이 고양이엔 바둑이 \
바둑이는 돌돌이';

// ⚠️ 줄바뀜 되는 것이 아님
// 큰따옴표도 마찬가지
console.log(longName);

'FrontEnd > JavaScript' 카테고리의 다른 글

[제대로 파는 자바스크립트] 1 - 3. copy of value VS copy of reference  (0) 2023.08.30
[제대로 파는 자바스크립트] 1 - 2. 연산자  (0) 2023.08.30
'FrontEnd/JavaScript' 카테고리의 다른 글
  • [제대로 파는 자바스크립트] 1 - 3. copy of value VS copy of reference
  • [제대로 파는 자바스크립트] 1 - 2. 연산자
gwee_99
gwee_99
bE bETTER!
  • gwee_99
    얼렁이와 뚱땅이
    gwee_99
  • 전체
    오늘
    어제
    • ====Category====
      • Algorithms(CT)
        • Programmers
        • Baekjoon
        • Goorm
      • Web
        • Error 해결
      • BackEnd
        • Spring
        • JPA
      • FrontEnd
        • HTML.CSS
        • JavaScript
      • Language
        • Java
      • Cloud
      • CSTS
      • Books
        • IT 5분 잡학사전
      • 일상
  • 블로그 메뉴

    • 홈
    • 방명록
    • 글쓰기
    • 관리
  • 링크

    • 깃허브
  • 공지사항

  • 인기 글

  • 태그

    노마드코더
    따라하며 배우는 html css
    DFS
    코딩테스트
    호텔 대실
    구름
    프로그래머스
    DP
    백준
    인프런
    java
    LV.2
    구름톤 챌린지
    자바
    LV.3
    Til
    IT 5분 잡학사전
    존안님
    제대로 파는 자바스크립트
    그리디
    BFS
    Lv.1
    BOJ
    IT 잡학사전
    lv2
    Greedy
    HTML
    개발자북클럽
    lv.4
    스택
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
gwee_99
[제대로 파는 자바스크립트] 1 - 1. 기본 명령어와 자료형
상단으로

티스토리툴바