자바스크립트 실행 방법 (Console, Script)

자바스크립트 실행 방법

웹 브라우저의 콘솔 창에서 가볍게 코드를 테스트하는 방법부터, 실제 서비스에서 외부 .js 파일을 연결하는 방법까지 자바스크립트를 구동시키는 핵심 방법론을 알아봅니다.

1 브라우저 콘솔 (Console) 사용하기

가장 빠르고 간편하게 코드를 테스트해 볼 수 있는 공간입니다. 크롬 브라우저에서 F12 키(또는 개발자 도구)를 누르고 Console 탭을 클릭하세요.

>console.log("Hello, World!");
<·Hello, World!

2 HTML 내부에 직접 작성 (내부 스크립트)

HTML 문서의 <body> 끝부분에 <script> 태그를 열어 직접 코드를 작성합니다. 짧은 코드 테스트에 적합합니다.

                        <script>

                          console.log("HTML 내부 실행!");

                        </script>

3 외부 스크립트 파일 연결 (권장)

확장자가 .js인 전용 파일을 따로 만들고, HTML에서 src 속성으로 불러옵니다. 프로젝트 유지보수에 필수적입니다.

                        <!-- HTML 파일 안에서 외부 JS 로드 -->

                        <script src="script.js"></script>

// 자바스크립트는 브라우저 내부에서 강력한 엔진을 통해 실행됩니다! console.log("환영합니다! 첫 번째 자바스크립트 코드가 실행되었습니다."); // 아래 '실행 결과' 탭(또는 콘솔 창)에서 출력 결과를 직접 확인해보세요! const start = "이곳에서 코딩의"; const end = "모험이 시작됩니다!"; console.log(start, end);