[JS] 입력과 출력

 12월 초에.. 서울페이로 드디어 JS 입문서 책을 샀다

이번 겨울방학에 JS공부를 하기로 마음 먹었으니 이 책을 참고로해 시작해볼까 한다!!

부디 작심삼일이 아니길 ...

---

1일차인 오늘은

아직 아무것도 모르는 새싹이라(?).. 화면에 입출력 정도 해보았다.

 

Java Script란 무엇일까?

HTML은 웹의 뼈대를 만들어주고 CSS는 눈에보이는 외관만 담당한다.

그치만 JS는 웹의 동적인 부분을 만들어줄 수 있다.

 

그럼 JS에 대해서 좀 더 자세히 알아보도록 하자!

---

Java cript의 특징

 

1.  웹 사이트를 동적으로 만들 수 있다.
2.  웹 브라우저에서 실행되는 프로그램을 만들 수 있다.
3. 서버를 구성하고 서버용 프로그램을 만들 수 있다.
4. 모든 웹 브라우저에서 작동한다
5. 웹 브라우저에서 실행결과를 즉시 확인할 수 있다.
6. 다양한 용도의 프로그램을 만들 수 있다.
7. 다양한 JS 공개 API를 사용할 수 있다.
8. 다양한 라이브러리와 프레임워크를 사용할 수 있다.

 

---

HTML 문서 안에 자바스크립트 소스 작성하기

<script> 태그는 HTML문서 어디에든 사용 가능하다
<script> 태그는 한 문서 안에 여러 개 사용 가능

 

* HTML 문서 안에 <script>태그를 사용하는 것보다는 깔끔하게 작업할 수 있도록!! 외부 js파일을 만드는 것을 추천한다. 

 

---

색 바꾸기

 

JS를 연동해서 글자색을 바꿔 보았다.

---

prompt() 함수

 

사용자로부터 입렵값을 받을 때 prompt() 함수를 사용한다.

prompt();

 

alert() 함수

 

간단한 알림 내용을 표시하려고 할 때 alert()함수를 사용한다

alert("환영합니다!");

 

document.write() 함수

 

웹 프라우저 화면에 출력할 때 사용한다

마치 c언어에서 printf사용하는 기분이랄까. . .ㅎ

var name = prompt("이름 : ");
document.wrtie(name + "님, 어서어세요!");

 

console.log() 함수

var age = prompt("나이 : ");
consol.log(age);

 

---

JS 작성 시 지켜야 할 규칙

 

1) 대소문자를 구별해 작성한다

2) 세미콜론으로 문장을 구분한다

 

3) 식별자는 정해진 규칙을 지켜 작성한다!

num1 //영문자로 시작하는 식별자
_doSomething //밑줄로 시작하는 식별자
checkTime() //두 단어로 만든 식별자

 

4) 예약어는 식별자로 사용할 수 없다!

arguments	break	case	continue	default
do	else	false	for	function
if	null	return	super	switch
var	with	typeof	try	while

---

 

여기까지 한 챕터 끝!