[FC] JavaScript Day-1

브라우저 성능은 점점 좋아질 것이고, JavaScript 역할은 확대 될 것입니다.

JavaScript 엔진

• Heap Memory
• Call Stack

2가지로 구성됩니다.

Heap Memory

자주쓰는 변수를 저장하는 곳을 뜻합니다.

Call Stack

여러가지 업무가 있을 경우, 업무별로 나눠서 분담한다.

동기방식과 비동기방식

동기방식

특정 업무가 끝나야 그 다음 업무가 진행된다.

비동기방식

들어오는 업무의 순서는 다르지만, 동시에 진행된다. 무엇이 먼저 끝날지는 알 수 없다.

JavaScript와 HTML 파일 연결

HTML파일 내 JavaScript를 직접적으로 추가할 수 있지만, 외부에 script 파일을 작성 후 아래와 같은 방법으로 추가할 수 있습니다. (한곳에 작성할 경우 지저분해진다..)

<script> example.js </script>

JavaScript에서의 주석 처리

ex) 여러문 주석 처리 할 때-!

/*
	여러문 주석 처리 할 때 사용하는 
*/

ex) 한 줄 주석 처리 할 때 -!

// 슬러시 2개를 사용해서 주석 처리할 수 있다.

JavaScript 기본

• 식별자: 사용자가 임의로 만드는 명칭 (선언)
• 예약어: 자바스크립트 자체 특정 기능 실행을 위한 명령어
• 실행문: 특정 명령어를 실행하기 위한 구문

식별자 작성 시 예약어는 피해야 한다.

ex)

const title = document.querySelector("h1");
console.log(title);

const => 예약어
title => 식별자
document.querySelector => 실행문