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