[TIL] JavaScript - Introduction

1. JavaScript Basic

javascript(js)는 웹 페이지와 상호작용하도록 만들어진 언어. 웹 페이지의 구조를 정의하는 것은 HTML이지만 HTML만으로 웹 페이지가 돌아가지는 않는다.

우리가 알고있는 거의 모든 웹 페이지에는 js 코드가 사용되어 있다.
js는 브라우저에서 사용자의 행동을 처리, 데이터 저장, 네트워크 응답과 요청을 처리하는 역할을 한다.

2. 알림창 띄우기

alert('비밀번호 오류!');

alert라는 js 코드를 사용해서 브라우저 자체에 미리 디자인 되어있는 창을 실행시킬 수 있다. 이 창은 개발자가 디자인을 변경 할 수는 없다.

3. console.log

console.log('안녕하세요');

console.log도 alert와 비슷하지만 alert는 사용자에게 보여졌다면 console.log는 개발자가 보고싶은 것을 출력할 때 사용하는 함수다. 때문에 사용자는 볼 수 없는 개발자도구라는 것으로 확인할 수 있다.

alert와 console.log은 자바스크립트에서 이미 정의된, 약속된 단어다. 이렇게 약속된 단어들을 약속어(Reserved Words)라고도 한다. 이미 alert라는 함수는 존재하므로, 자기 마음대로 alert라는 이름의 함수를 또 만들면 안 된다.

자바스크립트에 약속어는 이 두 가지 이외에도 수 없이 많이 존재한다. 약속어로 지정된 단어는 이미 사용중이기때문에, 코딩할 때 함부로 사용할 수 없다는 점을 기억할 것!

4. 주석 (Commenting)

4-1 주석이란?

주석(Commenting)이란 코드를 작성하긴 했지만 브라우저에서 해당 코드를 무시하라는 뜻

4-2 주석을 사용하는 이유?

• 특정 코드가 필요 없어졌는데, 혹시 몰라서 남겨놓고 싶을 때
• 다음 사람에게 인수인계 해야해서 코드에 설명해 놓을 때
• 코드를 볼 때마다 이해가 잘 안 돼서 한글로 설명해 놓을 때
• 등등..

4-3 주석의 형태

// 이 줄은 주석이고, 브라우저는 읽지 않는다.
for (var i = 0; i < 5; i++) {
  if (animals[i] === "bat") { 
    animals[i] = "cat"; 
  }
}
let animals = []; // 빈 열 선언하기
//animals.push(1); 일단 나중에 처리하자.
// 주석달 때는 slash 두개로 시작! 

만약 여러 줄을 걸쳐 주석을 달고 싶다면 아래 참고⬇︎

/* 두 줄 이상 주석 처리하려면, 
이런식으로..시작하고!! 
끝을
막아주며 잘 마무리.... */