티스토리 RSS 알아보기


RSS라고 참 많이 들어보고 읽어보았습니다.
하지만 정작 RSS가 무엇인지 모르죠.
이 기능을 이용하여 최신의 데이터를 수집하고 배포합니다.

무슨말인지 어렵다고요? 그래서
오늘은 티스토리를 통해서 쉽게 RSS가 무엇인지 살펴보려고 합니다. 

▼우선 제가 정의한 한줄 정리입니다.
RSS - 웹사이트의 내용을 규약된 방법으로 보여준다. 보통 최신의 정보를 가져오거나 배포할때 쓰인다

▼ 우선 자신의 티스토리 끝에 /rss 라고 붙혀보세요 
혹은 제 rss 정보를 확인을 해보시면 아래처럼 복잡한 규약들 안에 데이터가 존재합니다.


그런데 확실한건 데이터들이 모두 최신 글들인걸 볼 수 있습니다.
어떤 시스템에서 제 글에 정보를 빠르게 캐치하고 싶다면
제 rss 주소로 파싱을 하면 되겠죠. 이런식으로 이용할 수 있는 기능입니다.
해당 사이트에 변화를 빠르게 감지할 수 있도록 도와줍니다.

▼ 티스토리에 rss 설정을 살펴보겠습니다.
자신의 블로그 계정에서 /manage/setting/blog 추가하면 됩니다.
제 URL은 아래와 같습니다 (주소를 자기 티스토리로 바꿔주세요)
화면 밑에 보시면 우선 공개할 갯수를 선택할 수 있습니다.
그 갯수만큼 최신의 글을 공개합니다. 저는 50개로 해놓았습니다.


▼그리고 부분 공개란 포스트의 모든 내용중에 일부만 보여줄 수 있게 합니다.
중요한 내용은 제 블로그에 와서 확인해야 하니 때에 따라 쓸 수 있습니다.


▼전체 공개를 하면 블로그의 포스트 모든 내용을 보여줍니다. 태그까지 있어서 길기도 하네요


▼ 표시 시간은 그 나라의 혹은 포스트가 쓰는 언어에 맞게 설정하면 됩니다.
저는 서울이네요




마무리

티스토리 블로그로 RSS의 실체를 알아보았습니다.
대략 쓰임새와 왜 쓰는지 정도만 알겠다고요?
네 그거를 가르켜 드리는 내용이었습니다. 

이제 이 RSS로 검색도 최적화 하고 다양하게 쓰는 방법도 연재하겠습니다.



댓글을 달아 주세요



코드펜 사이트 사용법


코드펜은 흥미로운 사이트입니다. 
프론트엔드 디자이너들이 만들어놓은 수많은 오픈 소스가 존재합니다.
업무의 있어서도 상당히 도움이 되는 좋은 곳입니다.

누구나 와서 가입 후에 
HTML , CSS ,  JS 를 코딩해서 
결과물을 놓고 자랑하는 사이트입니다.

프론트 개발자라면 학습으로도 좋습니다.

▼우선 사이트 주소는 이렇습니다.
사이트 디자인도 CI도 이쁘고 정갈하네요 




▼ 공개된 소스중 하나를 선택하여 살펴보겠습니다 
크리스마스 볼이라는 작품인데요 
아래 URL로 접근해보세요

▼그럼 HTML, CSS, JS 가 있습니다. 해당 작품의 코딩 결과입니다.
이것들을 복사해가서 실행하면 그대로 실행이 될 것입니다.
물런 다운로드 기능도 제공합니다.


▼다운 방법은 오른쪽 아래 Export 라는 버튼을 누르면 압축파일이 보입니다. 
클릭하여 다운로드 합니다.


▼압축을 해제하면 index.html이 보이게 됩니다.
클릭하여 실행해보시면


▼아래와 같이 환상적인 HTML을 확인 가능합니다. 
이름대로 크리스마스 볼처럼 보이네요




마무리


이처럼 디자인 요소가 필요하면
코드펜에서 소스를 얻어가시기 바랍니다.
그리고 스터디 하기에 정말 좋은 사이트니
본인의 작품도 만들어 보시길 바랍니다.


댓글을 달아 주세요



네이버 지도 티스토리에 삽입하기 


티스토리에서는 다음지도를 제공 해주고 있지만
네이버 지도가 눈에 익고 편하게 느끼는 분들이 많습니다.
그래서 오늘은 네이버 지도를 티스토리 게시글에 삽입하는 방법을 알아보려고 합니다.

▼네이버 지도에 들어가서

▼ 원하는 지역으로 이동해  오른쪽 중앙 아래에 있는 해당 버튼을 클릭합니다.


▼ 그러면 화면과 같이 나오는데 여기서 "HTML 태그편집기 및 미리보기" 클릭을 합니다.


▼팝업이 뜨면 여기서 디테일한 위치 화면을 조정할 수 있습니다. 
그리고 HTML 복사하기  버튼을 누릅니다.


▼ 복사로 클립보드에 저장하고 



▼ 티스토리 글쓰기 에서 "외부컨텐츠" 버튼을 클릭 하면


▼ 아까 클립보드에 복사한 HTML 소스를 입력할 수 있는 창이 제공됩니다.
확인을 누르면 


▼ 게시글에 네이버 지도가 표시 됩니다.





마무리


다음지도의 로드뷰의 최신화된 사진이나
기능적 UI적으로도 더 좋아 보이지만
익숙함 때메 네이버 지도를 쓰게 되네요


댓글을 달아 주세요