Front-End (웹)/자바스크립트
자바스크립트 용어와 기본 입출력 방법
친절한개발초보자
2022. 1. 13. 23:20
728x90
식과 문
- 자바스크립트 언어의 큰 줄기는 식(expression)과 문(statement)이다.
- 식은 표현식이라고도 하는데, 연산식뿐만 아니라 실제 값도, 함수를 실행하는 것도 식이 된다.
(어떤 값을 만들어 낼 수 있다면 모두 식이 될 수 있으며, 식은 변수에 저장된다.) - 문은 명령이라고 생각할 수 있다.
- 문의 끝에는 세미콜론(;)을 붙여서 구분한다.
간단한 입출력 방법
- 알림 창 출력하기
- 알림 창(alert)은 가장 많이 사용하는 간단한 대화 상자이다.
- alert()를 입력하고 괄호 안에 따옴표(" " 또는 ' ')와 함께 메시지를 넣어 주면 된다.alert(메시지)
- 확인 창 출력하기
- 사용자가 [확인]이나 [취소] 버튼 중에서 직접 클릭할 수 있다.
- 그러면 선택한 결과에 맞게 프로그램이 동작한다.
confirm(메시지)
- 프롬프트 창에서 입력받기
- 프롬프트 창
: 텍스트 필드가 있는 작은 창
- 필드 안에 간단한 메시지를 입력할 수 있으며 그 내용을 가져와 프로그램에서 사용할 수 있다.
- 프롬프트 창을 만들 때는 기본값을 지정하거나 지정하지 않을 수 있다.prompt(메시지) 또는 prompt(메시지, 기본값)
▷ 기본값을 지정하면 텍스트 필드 안에 기본값이 표시된다.
▷ 기본값을 지정하지 않으면 빈 텍스트 필드로 표시된다. - 웹 브라우저 화면에 출력을 담당하는 document.write( ) 문
- 단순히 브라우저 화면에서 결괏값을 확인하는 용도로 많이 사용한다.
- 웹 문서(document)에서 괄호 안의 내용을 표시(write)하는 명령문
- document.write( )의 괄호 안에는 실제 웹 브라우저 화면에 표시할 내용이나 어떤 결괏값이 저장된 변수를 넣을 수도 있다.
- 웹 브라우저 화면에 표시할 내용과 변수를 섞어서 나타낼 수도 있다.
▷ +연산자를 사용해서 연결해 준다.
▷ +연산자는 더하기 기호가 아니라 연결 연산자이다. - 콘솔 창에 출력하는 console.log( ) 문
- 괄호 안의 내용을 콘솔 창에 표시한다.
- 콘솔 창은 웹 브라우저의 개발자 도구 창에 포함되어 있는 공간이다.
- 콘솔 창에서 소스 코드의 오류를 발견하거나 변숫값을 확인할 수도 있다.
- console.log( ) 문의 괄호 안에는 변수가 들어갈 수도 있고 따옴표 사이에 표시할 텍스트를 넣을 수도 있다.
(이때 따옴표 안에 HTML 태그는 사용할 수 없습니다.)
728x90