아래 링크를 사용하여 참조할 수 있는 스니펫을 만드는 방법을 배웠습니다.
Visual Studio Code에서 스니펫을 현명하게 사용하는 방법
Visual Studio Code(이하 VS Code) 자체도 매우 좋은 도구이지만 코드 스니펫을 현명하게 사용하면 더 쉽고 빠르게 코딩할 수 있습니다. 코드 스니펫은 전화기의 키보드 단축키처럼 특별합니다.
ux.stories.pe.kr
다음과 같이 head와 body에 별도의 js 파일을 생성하고 src에 로드하여 스크립트를 표현할 수 있습니다.
1-01.Javascript는 location.html을 씁니다.
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<script>
document.write("자바스크립트 head에 위치<br>");
</script>
<script src="http://ddo-development.m/script/1-01.자바스크립트 작성 위치.js"></script>
</head>
<body>
<script src="http://ddo-development.m/script/1-01.자바스크립트 작성 위치.js"></script>
<script>
document.write("자바스크립트 body에 위치");
</script>
</body>
</html>
script/1-01.Javascript는 location.js를 씁니다.
document.write("자바스크립트 js에 위치<br>");
HTML은 위에서 아래로 순차적으로 읽습니다.
하지만 머릿속에 대본을 많이 넣으면
사용자 입장에서는 HTML 태그가 먼저 표시되기 때문에 화면이 너무 늦게 렌더링될 수 있습니다.
따라서 스크립트 문은 종종 HTML의 끝에서 발견됩니다.
특별한 경우가 아니면 HTML 코드 끝에 script 문을 넣을 수 있습니다!