[코딩악마] 자바스크립트 기초 강좌 : 100분 완성 (1)

2024. 4. 8. 03:57 · Programming/JavaScript

변수

1. name

name = "mike";
alert(name);

 

 

 

 

 

2. age

age = 30;
console.log(age);

>>> 30

 

3. let과 const의 차이

let name = "Mike";
// 한참 나중에
let name = "google";

>>> 구문 에러 : already been declared

변수 선언 시,

변할 수 있는 값은 let으로, 변하지 않는 값은 const로 선언해야한다.

 

4. 변수명 규칙

1. 변수는 문자와 숫자, $와 _(언더바)만 사용 가능
2. 첫 글자는 숫자가 될 수 없다. 
3. 예약어는 사용할 수 없다. 
4. 가급적 상수는 대문자로 설정한다. (const MAX_SIZE = 99;)
5. 변수명은 읽기 쉽고 이해할 수 있게

 

자료형

1. 문자열 String

const name1 = "Mike";
const name2 = 'Mike';
const name3 = `Mike`; // 백틱 자판

const message1 = "I'm a boy.";
const message2 = 'I/'m a boy.';

const message3 = `My name is ${name}`; // 백틱은 변수를 사용할 때 사용하면 좋다.

const message4 = `나는 ${30+1}살 입니다.`;
console.log(message4);
>>> 나는 31살 입니다.

 

2. 숫자형 Number

사칙연산

const AGE = 30;
const PI = 3.14;

console.log(1 + 2);
console.log(10 - 3);
console.log(3 * 2);
console.log(6 / 3); // 나누기
console.log(6 % 4); // 나머지

const x = 1/0;
console.log(x);
>>> Infinity

 

NAN (Not a Number)

 

const NAME = "Mike";
const y = NAME/2;

console.log(y);
>>> NaN

 

 

3. Boolean ( 논리연산자)

const a = true; //참
const b = false; //거짓

const NAME = "Mike";
const AGE = 30;

console.log(NAME == 'Mike');
>>> true
console.log(AGE > 40);
>>> false

 

4. null 과 undefined

undefined

let age;
console.log(age);
>>> undefined

 

null

let user = null;

//객체형과 심볼형은 추후에 다룰 예정

 

5. typeof 연산자

const NAME = "Mike";

console.log(typeof 3);
>>> "number"

console.log(typeof NAME);
>>> "string"

console.log(typeof true);
>>> "boolean"

console.log(typeof "xxx");
>>> "string"

console.log(typeof null);
>>> "object"
// object(객체형)

console.log(typeof undefined);
>>> "undefined"

 

6. TIPs

변수 출력 시 일반 따옴표 사용 시 문자 그대로가 출력된다. -> `(백틱) 사용하기

const name = "Mike";
const message = `My name is ${name}`;

const message2 = "My name is ${name}";

console.log(message2);
>>> "My name is ${name}"

 

문자형 + 문자형 = 하나의 문장으로

const NAME = "Mike";

const a = "나는 ";
const b = " 입니다.";

console.log(a + NAME + b);
>>> "나는 Mike 입니다."

 

문자형 + 숫자형 = 하나의 문장으로

const AGE = 30;

const a = "나는 ";
const b = " 입니다.";

console.log(a + AGE + "살" + b);
>>> "나는 30살 입니다."
728x90

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

데이터 타입 (기본형과 참조형)  (2) 2024.04.17
[코딩악마] 자바스크립트 기초 강좌 : 100분 완성 (2)  (0) 2024.04.08
3월 26일  (1) 2024.03.26
2주차 - 자바스크립트 기초 지식  (0) 2024.03.11
웹시스템개발 1주차  (0) 2024.03.06
'Programming/JavaScript' 카테고리의 다른 글
  • 데이터 타입 (기본형과 참조형)
  • [코딩악마] 자바스크립트 기초 강좌 : 100분 완성 (2)
  • 3월 26일
  • 2주차 - 자바스크립트 기초 지식
따`ddah
따`ddah
    250x250
  • 따`ddah
    IT's ddah
    따`ddah
  • 관리    글쓰기
  • 전체
    오늘
    어제
    • 분류 전체보기
      • Projects
        • Auto Post : SNS 자동 업로더
      • kmooc
        • 기계 학습 기반의 데이터 공학
      • Algorithm
        • [C] Do it! 자료구조와 함께 배우는 알고리..
        • 알고리즘 스터디
        • 코딩 테스트
      • Basic
        • 운영체제 OS
        • 컴퓨터구조
        • 소프트웨어공학 (UML)
      • DBMS
        • 데이터베이스 이론
        • MySQL
        • Oracle SQL
        • BigQuery
        • Yammer
      • Programming
        • Python
        • C
        • Java
        • React
        • JavaScript
        • R
      • 빅데이터
      • AI
        • 멀티미디어응용
        • 머신러닝
        • 인공지능
      • 자격증
        • Azure DP-900
        • Azure AI-900
        • SQLD
        • CSTS
      • 대외활동 및 인턴
        • 인턴
        • LG Aimers
        • Outta
        • 빅데이터 분석 학회 BDA
        • 세계시민교육연구소 청년단 GYIA
      • Tool
        • Git
        • IDE
      • 도서
        • IT
      • 그 외
        • 단축키
        • ✞
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    input
    AI역량검사
    티스토리챌린지
    자바스크립트
    javascript
    파이썬
    Oracle
    대학생학회
    react
    오블완
    sql
    js
    이름나이
    빅데이터분석
    취업준비
    print(f"")
    Py
    주석
    파이썬 챗봇 만들기
    python
    dbms
    importturtle
    jsx
    BDA학회
    자료형
    취업
    리액트
    파이썬{}
    오라클SQL
    대외활동
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
따`ddah
[코딩악마] 자바스크립트 기초 강좌 : 100분 완성 (1)
상단으로

티스토리툴바