보통, 티스토리 블로그를 선택하는 이유는 블로그 자유도가 높기 때문일 것입니다.
다시 말하자면, 자신의 능력 또는 타인의 정보로 인해서 블로그 꾸밈의 가능성은 무궁무진하다는 것이죠.
최근 들어서 티스토리에도 자바스크립트를 호출할 수 있지 않을까라는 생각에 구글링을 해본 결과..
가능하다는 것을 알 수 있었네요.
그래서 오늘은 블로그에 자바스크립트 함수를 호출하는 방법을 포스팅하려고 합니다.
1. 자바스크립트 파일 준비. |
먼저, 호출할 함수를 .js 확장자 파일로 만들어야 합니다.
저는 아래처럼 간단하게 만들었습니다. (파일명 : ExamAlert.js)
1 2 3 4 | function ExampleCall() { alert("Hello Example Alert Code!!!"); } | cs |
2. 자바스크립트 파일 블로그에 업로드 하기. |
이제, 파일을 블로그에 업로드 해야 합니다.
이전에 만든 ExamAlert.js 파일을 아래처럼 업로드 하시기 바랍니다.
먼저, 블로그 관리 > 꾸미기 > 스킨 편집을 누릅니다.
다음으로 html 편집 버튼을 눌러주세요.
아래와 같은 화면이 나타날텐데요.
여기서, 파일 업로드 탭을 누르시면, js 파일 또는 이미지 파일들이 이미 업로드된 것을 볼 수 있을 거에요.
물론, 아무것도 없으실 수도 있습니다.
여기서, 아래 추가 버튼을 누르신 후, 위에서 만든 .js 파일을 업로드 합니다.
이후, 제대로 파일이 업로드 되었는 지 확인 후, 저장 버튼을 눌러주세요.
이제 HTML 탭을 눌러주세요.
그 후, <HEAD> ... </HEAD> <-- 처럼 HEAD 사이에 아래 코드를 입력해주세요.
1 2 3 | <HEAD> <script type="text/javascript" src="./images/ExamAlert.js"></script> </HEAD> | cs |
이제, 글쓰기에서 .js에 정의한 함수를 호출하면 되겠습니다.
글쓰기 위쪽에 보시면 HTML 모드로 변환하는 체크박스가 있습니다.
체크박스를 누르신 후, 아래 코드를 입력해보시면 아래 이미지처럼 알림 메시지가 호출되는 것을 확인할 수 있으실 거에요.
1 | <body onload="ExampleCall();"> | cs |
이 포스팅에도 해당 코드를 삽입하였으니, 궁금하신 분들은 새로고침을 눌러보시기 바랍니다.
(혹시, 나중에 자바스크립트 파일을 지울수도 있으므로, 이 포스팅에서 알림 메시지가 호출되지 않을 수 있습니다.)
자바스크립트 호출을 하게 되면, 여러 방식의 포스팅도 가능할 것 같네요.
좀 더 응용하여, 글쓰기에 도전해보겠습니다.
이상으로 포스팅 마치겠습니다.
'프로그래밍 > etc. (Language)' 카테고리의 다른 글
| [Node.js] iconv-lite 이용하여 한글(여러 언어) utf-8 에서 hex, mbcs 로 변환하기 (4) | 2019.04.17 |
|---|---|
| [GIT] git 추적하지 않는 파일 (untracked files) 제거 하는 방법 (1) | 2019.01.20 |
| [JavaScript] 자바스크립트로 URL 파라미터 값 가져오기 (3) | 2018.07.10 |
| [GIT] git 로그 커밋 히스토리 tig으로 편하게 보자 (0) | 2018.06.21 |
| [HTML] div 태그로 내용 숨기는 방법 (0) | 2018.05.25 |
댓글