Javascript (basic)

자바스크립트 로고 <출처: (CC BY) JavaScript,Pixabay @ wikipedia>

 

우리가 매일 접속하는 웹사이트는 크게 3가지 요소로 구성된다. ‘HTML(Hyper Text Markup Language)’, ‘CSS(Cascading Style Sheets)’, ‘자바스크립트(Javascript)’다. HTML은 웹페이지의 큰 뼈대를 제공하고, CSS는 색깔이나 글씨체와 같은 디자인 요소를 관리한다. 자바스크립트는 크로스 플랫폼(cross platform), 객체지향 스크립트 언어로 웹페이지의 동작을 담당한다. 예를 들어 자바스크립트를 이용하면 ‘버튼을 클릭하면 밑에 날짜를 보여줘’라는 식의 명령을 내릴 수 있다.

자바스크립트를 이용하면 웹에 풍부한 효과를 넣을 수 있지만, 2000년대 초반만 해도 자바스크립트는 개발자들에게 무시당하는 언어였다. 별다른 기능도 없고, 성능도 별로 좋지 않았기 때문이다. 하지만 최근 몇 년 사이에 다양한 자바스크립트 프레임워크와 라이브러리가 생기면서 자바스크립트 생태계는 크게 확장되고 있으며, 그 위상도 점점 높아지고 있다.

[네이버 지식백과] 자바스크립트 [Javascript] - 웹을 풍부하게 만들어주는 작고 가벼운 언어 (용어로 보는 IT)

javascript: client side script language

 

 

 

 

0. Javascript의 출력법 !  (hello. javascript)

- alert()                                -->> 메뉴바

- console.log()                       -->> 콘솔

- document.write()                  -->> 웹페이지

 

 

# httpd 홈디렉터리 html에서 javascript.html을 만든다.!

# 다음과 같이 출력 명령어를 하나씩 써보자.!

 

 

(1) alert()

   ---->> 이것이 alert()

(2) document.write()

  --->> 이것이 document.write()

(3) console.log()

-->> 이것이 console.log() (F12를 누르면 확인이 가능하다.)

 

 

 

1. Javascript의 변수

# 다른 언어와 큰 차이가 없다.

 

 

2. Javascript 입력

 

1) confirm()

# 다음과 같이 ret 변수에 입력값을 받아서 출력하는 과정을 보여준다. true and false (boolean)

 

 

 

2) prompt()

 

 

  # prompt는 string으로 문자열을 받는다. !

 

 

 

3. Javascript 연산자

==, === 그리고 !=, !==의 차이정도가 새롭게 알게된 것이다.

==, != 이 둘은 타입과 상관없이 비교를하고 ===, !== 이 둘은 타입까지 비교를 해준다.

 

 

 

3. Javascript 배열

var number =[one, two, 3] ------> 파이선의 리스트와 비슷하며, 타입과 상관없이 들어갈 수 있는게 특징.

여기서 number[3] ="4" 를하면 그대로 들어가는 것도 특징이다.! (자동적으로 늘어남)

 

 

 

---------------------------------------------------------------------------------------------------------------------------------------------------------

javascript로 야구게임 만들기! [실습]