JS 기초 시작

프로그래밍은 사람이 원하는 대로 컴퓨터가 작동할 수 있도록 컴퓨터 언어로 명령어를 나열하는 행위이다. 

 

코딩 :  소스코드를 작성하는 행위

프로그래밍 : 어떤 문제를 분석하고 논리적으로 해결할 수 있는 방법을 찾아 코딩하는 과정

 

자바스크립트는 웹사이트에 움직이는 효과를 주는 언어이다.

 

HTML은 건물의 골격 담당

CSS는 건물의 외, 내부 인테리어 담당으로 둘 다 외관만 담당한다

메뉴에 마우스 포인트를 올렸을 때 하위 메뉴가 펼쳐지는 것과 같은 움직임을 주기 위해서는 자바스크립트를 사용해야 한다.

 

자바스크립트는 대부분의 웹 브라우저에서 작동한다.

단 최신 JS문법은 웹 브라우저에서 즉시 사용할 수는 없음

 

자바스크립트로 작성한 코드는 웹 브라우저만 있으면 어디서나 실행 가능하기에

이를 작성하기 위해 별도의 프로그램을 설치할 필요는 없다

 

 

 

 

 

HTML 태그 안에 자바스크립트 소스를 작성하려면

<script> </script>

script태그 안에 자바스크립트 소스를 작성하면 된다.

 

<script>는 문서 어디에든 사용할 수 있고, 한 문서 안에 여러 개를 사용해도 된다. 또한 삽입된 위치에서 소스가 실행된다.

 

<script> 태그의 위치를 매번 고려하는 것은 무척 번거롭기 때문에,

주로 html문서 내용이 끝나는 </body> 태그 앞에 삽입한다.

 

 

 

외부 스크립트 파일을 연결하는 경우도 있다.

 

html문서 안에 자바스크립트 소스를 작성하면 한눈에 모든 내용을 확인할 수 있다는 장점이 있다.

 

하지만 조금 더 생각해 보면 큰 규모의 프로젝트를 진행할 때마다

js소스를 붙여 넣는다면 코드가 굉장히 복잡해지고 커질 것이다.

그렇기에 외부 스크립트 파일을 문서와 연결하는 것이다.

 

<script src=“js소스파일 경로”></script>

이 코드의 입력을 통해 html문서와 js소스 파일을 연결한다.

 

 

 

 

 

prompt()

사용자 입력 값을 받는 함수이다.

 

alert()

알림 창으로 출력하는 함수이다.

 

document.write()

웹 브라우저 화면에 출력하는 함수이다.

 

document.write를 보면 write() 함수 앞에 document. 가 붙어 있다.

그 이유는 write() 함수가 document객체에 포함되어 있기 때문이다.

 

웹문서(document)에 괄호 안의 내용을 쓰는(write) 함수라고 이해하고 넘어가라 

 

 

 

 

 

자바스크립트 소스를 작성할 때 지켜야 할 규칙이 있다.

 

1. 자바스크립트는 대소문자를 구별한다.

2. 읽기 쉽게, 들여 쓰는 습관을 들이자

3. 자바스크립트는 세미콜론으로 문장을 구분한다.

 

자바스크립트에서 세미콜론은 문장의 끝을 나타낸다. 하지만 세미콜론이 없어도 실행은 잘 된다.

세미콜론을 붙이지 않고 줄 바꿈을 하지 않을 경우 오류가 발생하기에

문장의 끝에는 세미콜론을 붙이는 것이 좋다.

 

4. 메모하려면 주석을 사용한다.

// 한줄 주석

/* 
여러
줄
주석
*/

5. 식별자의 첫 글자는 반드시 영문자나 밑줄(_) 또는 달러($)로 시작해야 한다.

두 단어 이상이 모여 하나의 식별자를 만들 경우, 단어 사이에 공백을 둘 수 없고 단어와 단어 사이에 하이픈(-)이나 밑줄(_)로 연결한다.

두 단어를 그냥 붙이는 경우 첫 번째 단어는 소문자로 시작하고, 두 번째 단어는 대문자로 시작하는 것이 일반적이다

 

식별자 : 자바스크립트 문법의 핵심 요소인 변수, 함수, 속성등을 구별하기 위해 이름 붙인 특정 단어

 

6. 예약어는 식별자로 사용할 수 없다.