Do it! HTML+CSS+자바스크립트 웹 표준의 정석
[JS용어와 기본 입출력 방법]
1. 식과 문
-
식
: 표현식이라고도 함.
: 연삭식, 실제 값, 함수 실행하는 것도 식이 됨.
: 즉, 어떤 값을 만들어 낼 수 있다면 모두 식이 될 수 있으며, 식은 변수에 저장된다. -
문
: 명령
: 문의 끝에는 세미콜론(;)을 붙여서 구분한다.
: 제어문, 조건문 등이 그 예이다.
2. 간단한 입출력 방법
- 알림창 출력하기
: 가장 많이 사용하는 간단한 대화 상자
alert("Hello World!");- 확인창 출력하기
: 알림창은 단순히 메시지를 보여주는 기능
: 확인창은 사용자가 확인/취소 버튼 중 직접 클릭할 수 있다.
var reply = confirm("정말로 ~하시겠습니까?");- 프롬프트 창에서 입력받기
: 텍스트 필드가 있는 작은 창.
: 텍스트 필드 안에 간단한 메시지 입력 가능, 그 내용을 가져와 프로그램에서 사용 가능
//prompt(메시지)
var name = prompt("이름을 입력하세요"); //prompt(메시지, 기본값)
var name = prompt("이름을 입력하세요", "홍길동");- document.write()문
: 웹 브라우저 화면에 출력을 담당
: 웹문서(document)에서 괄호 안의 내용을 표시(write)하는 명령문
: 괄호 안에는 실제 웹 브라우저 화면에 표시할 내용이나 어떤 결괏값이 지정된 변수를 넣을 수도 있음.
: 따옴표 안에는 HTML태그도 함께 사용 가능
<script>
document.write("<h1>Hello World!</h1>");
</script>: 웹 브라우저 화면에 표시할 내용과 변수를 섞어서 나타낼 수도 있음.
: +연산자를 사용하는데, 여기서 +연산자는 더하기 기호가 아니라 '연결 연산자'이다.
<script>
var name = prompt("이름을 입력하세요.");
document.write("<b><big>"+ name + "<big><b>"님, 환영합니다.");
</script>- 콘솔 창에 출력하는 console.log()문
: 괄호 안의 내용을 콘솔 창에 표시함.
: 따옴표 안에는 HTML태그를 사용할 수 없음.
<body>
<h1>Hello</h1>
<script>
var name = prompt("이름을 입력하세요");
console.log(name + "님, 환영합니다");
</script>
</body>