JavaScript

[JavaScript] HTML에서 .js 파일 실행하기 : script에서 src 사용해 js 파일 실행

HTML에서 JavaScript 코드를 직접 작성할 때의 문제점 아래와 같은 코드를 사용하게 되면 HTML 파일 실행 시 Hello DBlog를 출력하는 JavaScript 코드가 실행된다. Hello DBlog! 하지만, 위 코드는 두 줄만으로 구성되어서 문제가 크지 않을 수 있지만 여러 줄로 이루어진 JavaScript 코드가 있을 수 있다. 예를 들어 아래와 같은 코드이다. Hello DBlog! 위 코드에서는 하나의 파일 내부에 너무 많은 코드가 들어갔다. 하나의 script가 너무 많은 역할을 하게 될 경우 가독성은 물론 유지 보수성 측면에서도 좋지 않다. 또한 클린 코드에 따르면 코드는 무엇이 실행되는지를 표현해야 한다. 하지만 위 코드는 아무것도 표시하지 못한다. 이 문제를 해결하는 방법은 ..

[JavaScript] HTML 파일에서 JavaScript 코드 실행하기

HTML 파일에서 JavaScript 코드 실행하기 HTML 파일에서 JavaScript 코드를 실행하기 위해서는 로 코드를 감싸줘야 한다. 예를 들어 아래와 같이 Hello DBlog를 Console에 출력하는 JavaScript 코드가 있다고 하자. let title = "Hello DBlog" console.log(title) 위 코드를 실행하기 위해서는 다음과 같이 사이에 코드를 넣어줘야 한다. 이제 이 코드를 HTML 파일 내부에 넣으면 HTML파일이 실행될 때 Hello DBlog라는 로그가 출력되게 된다. 아래에서 실제로 코드를 실행해보도록 하자. 실행 예제 아래와 같이 내부에 위 HTML파일을 크롬에서 실행하면 다음과 같이 Hello DBlog라는 로그가 두 번 출력되는 것을 확인할 수 있..