8일차

JS 선행

---

JS 선행

표기법

dash-case(kebab-case)
snake_case
camelCase
PascalCase

dash-case(kebab-case)

the-movie-doctor-strange-multi-verse
HTML CSS 사용

snake_case

the_movie_doctor_strange_multi_verse
HTML CSS 사용

camelCase

theMovieDoctorStrangeMultiVerse
Javascript 사용

PascalCase

TheMovieDoctorStrangeMultiVerse
Javascript 사용

Zero-based Numbering

0기반 번호 매기기
특수한 경우를 제외하고 0부터 숫자를 시작

주석

comments

// 한줄 메모
/* 한 줄 메모 */
/**
* 여러 줄
* 메모1
* 메모2
*/

컨트롤 + /

데이터 종류 (자료형)

String
Number
Boolean
Undefined
Null
Object
Array

String

String (문자 데이터)

// String(문자 데이터)
// 따옴표를 사용합니다.
let myName = "TAEWOOK";
let email = 'waymo@kakao.com';
let hello = `Hello ${myName}?!`

console.log(myName); // TAEWOOK
console.log(email); // waymo@kakao.com
console.log(hello); // Hello TAEWOOK?!

Number

Number (숫자 데이터)

// Number(숫자 데이터)
// 정수 및 부동소수점 숫자를 나타냅니다.
let number = 123;
let opacity = 1.57;

console.log(number); // 123
console.log(opacity); // 1.57

Boolean

Boolean (불린 데이터)

// Boolean(불린 데이터)
// true, false 두 가지 값밖에 없는 논리 데이터입니다.
let checked = true;
let isShow = false;

console.log(checked); // true
console.log(itShow); // false

Undefined

Undefined 값이 할당되지 않은 상태

// Undefined
// 값이 할당되지 않은 상태를 나타냅니다.
let undef;
let obj = { abc: 123 };

console.log(undef); // undefined
console.log(obj.abc); // 123
console.log(obj.xyz); // undefined

Null

Null 값이 의도적으로 비어있음

// Null
// 어떤 값이 의도적으로 비어있음을 의미합니다.
let empty = null;

console.log(empty); // null

Object

Object (객체 데이터)

// Object(객체 데이터)
// 여러 데이터를 Key:Value 형태로 저장합니다. { }
let user = {
  	// Key: Value,
  	name: 'taewook',
  	age: 100,
  	isValid: true
};

console.log(user.name); // taewook
console.log(user.age); // 100
console.log(user.isValid); // true

Array

Array 배열 데이터

// Array (배열 데이터)
// 여러 데이터를 순차적으로 저장합니다. [ ]
let fruits = ['Apple', 'Banana', 'Cherry'];

console.log(fruits[0]); // 'Apple'
console.log(fruits[1]); // 'Banana'
console.log(fruits[2]); // 'Cherry'