Silver Library (Archived)
블로그 리모델링 - 7. 치환자는 두렵지않다 본문
반응형
첫 시작에서 가장 막히다 못해 모든 작업을 일시 중단하고 처음부터 시작하게 만든 원흉이었습니다. 치환자. 정말 치가 떨리지만, 다시 한번 용기를 내어 접해보았습니다.
분명, 개념으로는 타 문서와 링크 시켜주는 import, src 를 통해서 하는 일종의 하이퍼링크 라는 건 알겠지만...장고의 악몽이 떠올라서 무섭네요.
티스토리 치환자 링크 는 처음 보면 공포 그 자체인데, 사실 정말 다행스럽게도 예시가 있습니다.
그리고 다른 선구자들이 일궈 놓은 작업 물의 흔적을 이리저리 참고해보며 계설을 해본 결과...
이런 코드가 나왔습니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>블로그 리모델링 - 7. 치환자는 두렵지않다</title>
</head>
<body id='tt-body-page'>
<s_t3></s_t3>
<script type="text/javascript" src="https://t1.daumcdn.net/tistory_admin/blogs/script/blog/common.js"></script>
<div style="margin:0; padding:0; border:none; background:none; float:none; clear:none; z-index:0"></div>
<div class="main">
<div class="header">
<div class="wrapHeader">
<a href="https://silverlibrary.tistory.com/">
<img class="imgBlog" height="24" src="https://t1.daumcdn.net/tistory_admin/static/manage/images/r3/default_L.png" />
Silver Library (Archived) (Ayin Kim)
|
</a>
</div>
</div>
<!--
<div class="wrapHeader">
<ul>
<a href="/"> </a>
<li class="t_menu_home first">
<a href="/"></a>
<a href="/">홈</a>
</li>
<li class="t_menu_tag">
<a href="/tag">태그</a>
</li>
<li class="t_menu_guestbook last">
<a href="/guestbook">방명록</a>
</li>
</ul>
</div>
-->
</body>
</html>
<s_t3> 는 티스토리 에서 작동하기 위해 필요한 필수 자바스크립트(이하 JS) 라고 합니다.
아래의 두 코드도 마찬가지이고요.
일단 다른 선구자가 해둔 뼈대를 빌려와서 옮겨 적용해봤습니다.
사실 이 모습을 봤을 땐 안도감과 허무함이 들었습니다. 아무래도 치환자 라는 것이 티스토리의 백엔드 부분하고 연결이 잘 되고 있나 봅니다. 블로그 사진도(티스토리에 업로드 된)제대로 불러 오고 있고, 주소도 정상적으로 리다이렉트 되고 있습니다.
남은 건 레이아웃 작업 뿐.
'Personal DB > Unclassified record' 카테고리의 다른 글
Should frontend developer learn rest API? (0) | 2021.03.16 |
---|---|
Open 과 Paid knowledge 의 경계? (0) | 2021.03.11 |
블로그 리모델링 - 6. 설계하고 시작해보기 (0) | 2021.03.10 |
블로그 리모델링 - 5. 일시 중단, 중간 점검 (0) | 2021.03.10 |
블로그 리모델링 4. 현재 작업중 (0) | 2021.03.09 |