[JavaScript] 자바스크립트 시작하기

Javascript는 객체(object) 기반의 스크립트 언어로, HTML/CSS와 함께 사용하여 웹 사이트 UI부분에 활용된다.

 

쉽게 풀어 이야기 하면 HTML로 웹 페이지의 내용, 즉 뼈대를 세우고 CSS로 웹을 디자인하고, Javascript로는 웹의 동작을 구현한다.

 

Javascript만으로도 웹 애플리케이션을 제작하거나 다양한 라이브러리 사용이 가능하다.

-> 웹 애플리케이션 제작 시 사용하는 리액트, 앵귤러, 뷰 같은 프레임워크나 제이쿼리 등

 

Javascript를 작성하기 전 기본적인 코딩 규칙이 몇 가지 있다.

 

1. 소스 한 줄에 한 문장만 작성하고 코드를 보기 좋게 들여 쓰고 세미콜론(;)으로 문장을 구분한다.

-> 문장을 구분하면 디버깅이 쉬워진다.

 

2. 공백을 넣어 읽기 쉽게 작성한다.

-> 예약어나 값, 연산자 사이에 공백을 넣으면 가독성이 높아진다.

 

3. 소스 코드를 설명 할 주석을 삽입한다.

->  주석을 활용하면 다른 사람이 내가 짠 코드를 볼 때 한눈에 알 수 있다.

※ 주석의 종류

① 한 줄 주석 : '//'으로 작성하며, 바로 뒤에 작성한 내용만 주석으로 인식. 줄을 넘길 경우 오류가 발생한다.

② 여러 줄 주석 : '/*내용*/'으로 작성한다.

 

4. 식별자는 정해진 규칙을 지켜서 작성한다.

① 첫 글자는 반드시 영문자나 언더스코어(_)또는 달러(&)기호로 시작한다.

 

②두 단어 이상이 모여 하나의 식별자를 만들 경우 단어 사이에 공백은 불가하며, 하이픈(-)또는 언더바(_)를 연결해서 사용해야 한다.-> 하이픈이나 언더바를 사용하지 않을 경우 첫 글자는 소문자로 시작하고 두 번째 단어는 대문자로 시작하는 것이 일반적인 식별자 표현 방법이다.

 

③예약어는 식별자로 사용할 수 없다.-> var는 변수를 선언할 때 쓰는 예약어로서 식별자 이름으로는 사용할 수 없다.

 

자바스크립트의 웹 문서연결

자바스크립트는 html문서 내에 작성할 수도 있고, 외부에서 작성된 js파일을 연결하는 방법도 있다.

 

html문서 내에 작성할 경우  <script></script> 태그 사용한다. <script></script> 태그는 웹 문서 어디든 위치할 수 있고 삽입된 위치 그 자리에서 바로 스크립트가 실행이 된다.

 

외부에서 작성된 js파일을 연결할 경우 '<script src="외부 스크립트 파일 경로"></script>'의 형태로 연결한다.