📅 2023 / 10 / 30(월) 
code-it sprint 수강을 시작한지 어느덧 벌써 3주차다.
3주차 토픽에서는 정말 잘 숙지하고있고 잘 다루고 싶은 JavaScript 토픽을 수강하게 되었다.
아무래도 위클리 페이퍼 미션만 블로그에 남기기엔 너무나 시간이 아깝다고 생각이 들었다.
"내가 정말 잘 다루고 싶은 기술은 메모를 하면서 복습하는 시간을 가지면어떨까?"
라는 생각을 하며 블로그 글을 끄적여본다..

🤔JavaScript란 무엇일까?

• 자바스크립트(JS)란 웹 페이지의 복잡한 기능을 구현할수있게 해주는 프로그래밍 언어이다. 버튼 클릭시 어떠한 움직임을 동적으로 구현하고싶을 때 자바스크립트를 이용한다.

 - HTML은 문단, 제목, 데이터 표를 정의하거나 
 페이지에 이미지와 동영상을 삽입하는 등 웹 콘텐츠를 구성하고 의미를 
 부여하는 데 사용하는 마크업 언어다.
 
 - CSS는 배경색과 글꼴을 설정하고 콘텐츠를 여러 열에 배치하는 등 
 HTML 콘텐츠에 스타일을 적용하는 데 사용하는 스타일 규칙 언어다.

HTML / CSS 만으로 아주 복잡한 동적인 기능들을 구현하기는 쉽지않을거다.
가능하다고 한들 코드가 매우 길어지고 기능이 복잡한게 아닌 코드가 매우 복잡해질것이다. 그래서 우린 자바스크립트 언어를 알고 가야하고 자바스크립트를 사용해야한다는 개인적인 생각을 가지고있다.
하지만 자바스크립트 언어를 사용하기전에 기본적으로 JS 규칙 4가지를 알아보자.

---

📌 JS를 배우기 전 기본적으로 알고가야할 규칙 4가지

1️⃣ 세미콜론(;): 자바스크립트는 문장 끝에 세미콜론(;)을 넣어주지않는다면
다음 코드까지 한번에 해석을 하는 경우가 있어서 코드에 에러가 발생한다.
처음에는 문장 끝에 세미콜론을 넣어주는 습관을 들이는게 좋다.

👍🏻
//우유 가격
let milk : 3500;
let coffePrice : 4500;

❌
let milkPrice : 3500 
let coffePrice : 4500;

---

2️⃣ 주석(코멘트):

• // : 코드가 작성되는 해당줄부터 // 가 입력 되면 이후 코드는 해석하지않는 특징을 가지고있다. 쉽게말해 한줄만 사용가능한 주석이다.
  코멘트를 사용할때는 필요한만큼만 간결하게 사용하는게 좋다.
• 어떤의도를 코드가 작성 되었는지 설명할 때
• 구현한 코드가 어떤 동작을 하는지 기록할 때

👍🏻
//우유 가격
let milkPrice : 3500;

❌
// 우유 가격 let milkPrice : 3500; 

• /* */: 이 주석은 슬래시 안에만 주석 처리를 해준다.

👍🏻
/*
슬래시 안의 내용들만 주석 처리를해준다
가격표 정리:
 coffePrice : 4500;
 espressoPrice : 5500;
*/

//우유 가격
let milkPrice : 3500;

❌/* 반대 별 슬래시로 닫아주지 않을경우 반대 별 슬래시(*/)를 
찾을때까지 밑 줄들을 주석처리를 하니 주의하길 바람.
// 우유 가격 let milkPrice : 3500;

---

3️⃣ 자료형 개요:
컴퓨터 = 복잡한 계산기라고한다.

프로그래밍언어란?
컴퓨터를 통해 복잡한 계산을 할 때 사용하는 언어

📌 프로그래밍의 자료형(Data type)

숫자(Number)

정수(Integer)  - ,  0  , 5 10
소수(floating point)
3.14 2.16

문자열(string)
“Hello”
‘Hi jack’
따옴표를 통일 해줘야한다.
따옴표를 통일하지 않는다면 “뒤에 통일 된 따옴표를 찾을때까지 해석하려고한다.

불린(boolean)
참(true) 과 거짓(false) 
* 어떤 조건에 의한 결과값으로 사용  

---

4️⃣ 추상화 개요:

개발자는 나와의 소통, 다른 개발자들과의 소통 , 앱 사용자들과의 소통 등
소통(communication)이 매우 중요하다.

소통을 원활히 하려면 추상화를 잘 표현해야한다.

추상:여러가지 사물이나 개념에서 공통되는 특성이나 속성따위를 추출 

구체적인정보 -> 꼭 필요한 핵심 단계를 추상화라고한다.

쉽게말해 복잡한것들을 목적에 맞게 단순화하는것.

이처럼 프로그래밍에서도 추상화는 상당히 중요하다.

👍🏻
function milkPrice(price,count){
milkPrice(3500*2); // 우유 2잔 가격;

}

❌
function mP(a,b){
mP(3500*2); // ?? 
}

목적을 명확히 표현해야하고,불필요한것들은 숨기고,핵심만 드러내기

💡 추상화의 장점:
변수를 추상화하면 반복적으로 구체적인 값을 입력할때마다 내가 잘 입력했는지 걱정안해도된다.
번수를 잘못입력하면 어디서 무엇을 잘못했는지 에러로 표현해준다.
변수 값만 바꿔주면 다같이 변경이 되서 코드가 안정적이다.

위 규칙을 기본적으로 잘 따라준다면 말 그대로 기본은 지키는 개발자가 될것같아 메모를 해본다.

👍🏻 Reference
MDN - JavaScript가 뭔가요?