WEB개발이야기/VScode 2020. 9. 7. 0
[익스텐션] Vscode 에서 태그명 변경 시 자동으로 닫힘 태그명까지 변경 (Auto Rename Tag)
Visual studio code의 확장 프로그램인 Extensions에는 정말 재미있고 유용한 기능들이 너무 많습니다. 그중에서 태그를 수정할 때 자동으로 닫힘 태그까지 수정해 주는 익스텐션이 있습니다. Auto Rename Tag HTML, XML, php 등 태그의 이름을 바꾸면 쌍을 이루는 닫힘 태그의 이름이 자동으로 바뀝니다. 설치하기 아래의 링크를 클릭하거나 익스텐션 메뉴에서 Auto Rename Tag를 검색 후 설치를 하면 됩니다. Auto Rename Tag 바로가기 설정하기 ▲ 먼저 파일 > 기본설정 > 설정 으로 설정창을 열어야 합니다. ▲ 좌측메뉴 중 확장 탭을 선택합니다. Auto Rename Tag configuration을 선택합니다. 이 익스텐션의 설정은 settings.js..
티스토리 스킨/T스킨 설명서 2020. 9. 1. 1
블로그 포스트의 태그 기능으로 전체화면이미지 적용하기
[대상 스킨 : T스킨BASIC V2 Version 2.3.0 이상] 블로그 글에 대해서 태그에 특정태그를 입력하면 특별한 탬플릿이 적용됩니다. 이전에는 포스트 글의 태그에 [@게시판@]을 입력하면 게시판 탬플릿이 적용되게 구혔었는데요. 이번에는 [@전체화면이미지@]태그로 블로그 글의 상단에 전체화면크기의 랜덤이미지가 적용되게 하였습니다. 구현된 화면 블로그 글의 최상단에 전체화면 이미지가 적용된 탬플릿이 적용됩니다. 작성된 블로그 글에서 모든 이미지를 찾아 지정된 크기(기본크기는 가로 800px)이상의 이미지가 1개라도 있다면 그 이미지들에 대해서 최상단에 랜덤하게 보여줍니다. 만약 그런 이미지가 없다면 무슨일이 있었냐는 듯이 원래의 레이아웃으로 보여줍니다. 적용된 포스트 DEMO 구현방법 구현방법은 ..
티스토리 스킨/T스킨 설명서 2020. 8. 26. 7
티스토리 블로그에서 상호 소통 가능한 게시판 만들기
T스킨 V2.1.X버전에 야심찬 새로운 기능을 추가했습니다. 본문의 입력된 태그를 분석해서 [@게시판@]이란 태그가 있으면 본문의 글을 게시판형식으로 보여주는 기능입니다. 이 태그 분석은 지속적으로 다양한 형식의 탬플릿에 적용시킬 수 있게 할 예정입니다. 구현된 화면 티스토리의 댓글기능을 활용하여 최대한 게시판형식으로 보여지게 만들었습니다. 실제 적용된 모습은 아래의 경로에서 확인할 수 있습니다. 스킨 오류/개선 요청 게시판 바로가기 구현방법 구현방법은 매우 쉽습니다. 글쓰기 -> 제목(게시판 이름) 작성하기 -> 태그에 [@게시판@] 입력하기 먼저 관리자화면에서 글쓰기를 실행합니다. 제목을 입력합니다. 제목은 게시판의 이름이 됩니다. 태그에 [@게시판@]이란 태그를 입력합니다. [@와 @]사이의 키워드..
