JS : Print functions

DATE : 2023/11/17

JavaScript에는 사용자에게 값을 출력해주고자 할 때, 사용할 수 있는 함수가 여럿 존재한다.

각각의 함수는 기본적으로 내용을 출력해주는 기능이 있지만 그 형태가 조금씩 달라

용도에 맞게 선택해서 활용하면 되시겠다!

[1] console.log

console.log("hello?");

함수 console.log는 괄호 안에 작성된 문구를 console 창에 출력하는 함수이다.

브라우저에서 개발자 도구를 켜고 console tab으로 가보면

함수의 결과를 확인할 수 있다.

코드를 작성하는 과정에서 중간 중간 어디까지 실행이 제대로 되었는지 의미 없는 값을 출력해보거나

if, for문 등이 잘 동작하는 지 확인해보는 용도로 사용하기도 한다.

[2] alert

alert("hello?");

함수 alert는 console.log와 비슷하게 괄호 내의 문구를 출력하지만 그 형태가 조금 다르다.

console.log 함수는 console 창에 문구를 출력한다면 alert 함수는

POP up 창 형태로 문구를 출력한다.

[3] confirm

confirm("hello?");

함수 confirm은 alert와 유사하게 POP UP 창 형태로 문구가 출력 되는 데

사용자의 의사 여부를 받아온다는 차이점이 있다.

문구를 출력함과 동시에 Yes or No 형태의 버튼이 제공된다.

사용자가 "확인"을 선택하면 confirm 함수는 true, "취소"를 선택하는 false를 반환한다.

confirm 함수가 어떤 boolean 값을 반환 하는 지에 따라 if문을 작성하는 식으로

활용할 수 있을 것이다!

[4] prompt

prompt("hello?");

함수 prompt는 괄호 안에 주어진 문구를 출력함과 동시에 사용자가 입력한 값을 받아온다.

문구를 POP UP 형태로 출력한다는 건 alert, confirm 함수와 동일하지만

문자열을 입력할 수 있는 칸이 제공되기 때문에

어떤 내용을 입력하고 "확인" 버튼을 누르면 사용자가 입력한 값을 반환하게 되는 것이다.

사용자에게 간단한 응답을 받고 싶은 경우라면 활용하기 좋을 듯하다!