티스토리 뉴비가이드 업로드한 이미지 SRC 주소만 가져오기

티스토리 뉴비가이드 업로드한 이미지 SRC 주소만 가져오기

※ 자바스크립트를 활용한 동적인 페이지를 작성하다 알게 된 정보지만 몰라도 그만인 정보입니다.

 

 

1. 이미지 업로드 하기

 

고양이 이미지를 업로드 하고 코드를 확인하면 ##_image_##이라는 긴 장문이 나타나게 됩니다.

※ ## 은 치환자라 불리우는 기능으로 각각의 키워드마다 미리 지정된 틀로 변환됩니다.

 

 

글 작성을 완료하고 해당 코드를 F12 DevTool을 통해 Html 코드를 확인하면 아래와 같이 변환되어 있습니다.

※ ## image ## 치환자는 figure 라는 태그와 image 태그를 포함한 형태로 변환되는 것을 확인할 수 있습니다.

 

2. ##_Image_## 를 <script>로 감싸기

업로드한 이미지를 HTML 모드로 들어가서 <script> ##_image_## </script> 감싸고

기본모드로 변경하고 다시 HTML 모드로 들어가면 치환 키워드가 변환되어서 나타나게 됩니다.

※ <script>를 지우면 다시 이전 상태로 돌아갑니다.

 

 

 

3. 이미지 태그 또는 SRC 주소만 복사하고 지우기

 

 

이미지 태그만 복사

 

 

SRC 주소만 복사

 

https://blog.kakaocdn.net/dna/dzXCVe/btsP8y7syN3/AAAAAAAAAAAAAAAAAAAAAAv2wOjlmfX079pwQDEbYaFfuOdzeyFNGe4jcE1RtVsV/img.jpg?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1756652399&allow_ip=&allow_referer=&signature=DYLF8u0U%2BZWCDQxJPb6r8%2F7XSR0%3D