반응형
자바스크립트 개발 환경은 Microsoft Visual Studio 2015 버전 HTML 기능 및 Chrome을 이용하고 있습니다.
입/출력에 대해 알아보고자 한다.
C / CPP / Java 같은 경우는 콘솔, GUI에서 화면이 나타나지만 자바스크립트는 기본적으로 웹에서 모든 화면이 나타난다.
입력 및 출력에 관해 바로 알아보자.
입력
prompt('String Message', 'String Input')
prompt라는 메서드를 이용하여 입력을 받을 수 있게 된다.
이때 var input = prompt('입력창입니다', '예 : hello world'); 라고 하고 사용자가 Bye를 입력하면 input에는 Bye가 저장된다.
자바스크립트는 변수의 타입이 따로 없기 때문에(파이썬과 유사) 자유롭게 이용해도 자동적으로 value type을 결정해준다.
출력
alert(string)
보통 홈페이지를 이용하다 보면 알람창이 나타나곤 한다.
물론 다른 출력 방식이 많지만 이 게시물에서는 alert를 이용하여 설명하고자 한다.
위의 내용과 alert를 이용하여 바로 코딩을 시작해보자.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <!DOCTYPE html> <html> <head> <title></title> <script> var input = prompt('타이틀을 입력할 수 있습니다.', 'Hint를 부여해주는 공간입니다.'); alert(input); var n = 1; alert(n++); alert(++n); alert(n = 2); </script> </head> </html> // This source code Copyright belongs to Crocus // If you want to see more? click here >> | Crocus |
input에 어떤 값을 입력하면 input에 저장이 되고, alert는 그것을 출력해 줄 것이다.
아래 n = 1로 시작되는 코드 부분은 간단하지만 웹에서는 어떻게 출력되는지 아래 링크를 통해 확인 해 보자.
반응형
'Basic > JavaScript' 카테고리의 다른 글
| 자바스크립트 window.onload 와 list, array의 관계 (0) | 2017.08.09 |
|---|---|
| 자바스크립트 전역 변수, 지역 변수, 상수 (0) | 2017.07.27 |
| 홈페이지에 적용하기 좋은 JavaScript (TinyBox 2) (0) | 2016.07.08 |
| 레이어 팝업에 유용한 사이트 (0) | 2015.08.18 |
| 오른쪽 마우스 클릭시 사용자 지정 메뉴 나타나게 하기 (0) | 2015.07.05 |