👉 console.log

console.log("오늘은 자바스크립트 처음 배운 날!")

자바스크립트의 대표적인 debugging 방법이며, browser 안에 담겨 있는 console에 log를 남긴다는 뜻이다.

• 여기서 debugging은 값을 눈에 보이도록 화면에 나타내는 출력을 의미한다.
• console 창을 확인하려면 browser에서 마우스 오른쪽 클릭 > 검사 클릭

👉 주석

코드 한 줄 //

//한 줄 주석 
console.log(1) //이와 같이 각 줄마다 주석 사용 가능하다.

코드 여러 줄 /* */

/*
오늘은
정말 더웠다.
*/

/*
 * 보기 좋게 만들기 위해
 * 이와 같은 방식으로 사용하기도 한다.
*/

주의사항

• 소스코드에서 주석이 보이기 때문에 노출되면 안되는 주석은 삭제해야 한다.
• 여러 줄 주석은 중첩이 되지 않는다. 가장 처음 만나게 되는 */에서 주석 처리가 끝난다.

👉 Variable(변수)

변수는 데이터를 담을 수 있는 대상이다.

let myNumber = 222

위 코드에서 let myNumber은 myNumber라는 변수를 선언(declare)한 것이고 myNumber = 100은 변수에 100을 할당(assign)한 것이다.

데이터 타입

데이터 타입은 크게 기본타입(Primitive type)과 참조타입(Reference type)으로 나뉜다.

• 기본타입

1. Number
   • 0, 1, 5, 10000
2. String
   • 'melon', "dabin"
3. Boolean
   • true, false
4. Undefined
   • 선언은 됐지만 값(value)이 할당되지 않은 경우

let a;
console.log(a)   //return undefined

a = "dabin"     //한 번 선언된 변수 다시 선언해줄 필요x, 값만 대입해주면 o
console.log(a) //return "dabin"

5. Null
   • 빈 값(blank)을 의미하며 사용자가 준 값(value)
   • 자바스크립트가 자동적으로 null이란 값을 줄 수는 없다.

console.log(typeof null) //object
console.log(typeof undefined) //undefined

• 참조타입

1. Object(객체)
   • {name: 'Code Kim', isDeveloper: true}
   • key: value 값을 가짐
2. Array(배열)
   • [19, 44, 'good', false]
3. Function(함수)

변수 이름 정하기

• 대소문자 구분
• 첫 번째 문자는 무조건 글자 _ $
• 두 번째 문자부터 글자 _ $ 숫자 중 자유롭게 사용
• camelCase 방식 사용

let yesterdayWasSunday;
let todayIsMonday;
let tomorrowWillBeTuesday;

🐝 오늘의 꿀tip

개발자의 역량 중 하나는 검색 능력! 모르는게 있으면 google에 how to ~로 검색하자. 문법은 중요하지 않다.