자바스크립트를 이용해서 출력하는 방법으로 3가지를 소개하겠습니다.


출력하는 방법은 3가지가 있는데 모두 다른 곳에 출력하는 방법입니다.


1. 콘솔창

2. 경고창

3. html 문서 


각각의 경우에 대하여 알아보겠습니다.

1. 콘솔창에 출력입니다.

1. 콘솔창에 출력하려면 console.log(" ")형식으로 <script>.....</script> 사이에 코딩을 해주시면 됩니다.

2. 파일을 저장한뒤 test.html을 실행해보겠습니다. ctrl + o 키를 눌려주시면

3. 다음과 같은 로드창이 나옵니다.

4. 파일을 선택해서 클릭을 해주시면~!!!

5. 아무것도 나오지 않을 겁니다;;; 왜냐하면 저희는 html 화면이 아닌 콘솔창에 출력을 했기 때문입니다.

6. 콘솔창은 f12를 눌러 주시거나 메뉴 -> 보기 -> 개발자도구를 누르시면 다음과 같은 화면이 나올것입니다. 우측하닥에 한글 깨진것이 보이시나요? 저희가 출력한 문자가 깨진 것이랍니다. 한글이 깨지네요;;

7. console.log("output in console")이라고 코드를 수정해주신 뒤 저장하고 실행을 하면 우측하단에 먼가가 바뀌었죠?

8. 확대한 모습입니다. console창에 output in console이 보입니다. 이렇게 콘솔창에 출력을 한것입니다.


2. 경고창 출력하기 입니다.


1. 경고창 출력의 함수는 alert()입니다. 이것은 함수죠. 그래서 alert를 사용하면 경고창 출력이 가능합니다.



2. 파일을 실행하면 이런 형식으로 출력되는 것을 확인할 수 있습니다.


3. html 문서에 출력하기


1. html문서에 출력을 하는 것은 document.write("")형식으로 되어 있습니다.

그렇기에 아래와 같이 코딩을 하시면 됩니다.


2. 파일을 실행하면 다음과 같이 적혀있는 것을 확인하실 수 있습니다.



이렇게 출력의 3가지 형식인 console / alert / document.write를 확인하였습니다.



Posted by 구레이더