WEB개발이야기/VScode 2020. 9. 7.
[익스텐션] 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.
블로그 포스트의 태그 기능으로 전체화면이미지 적용하기
[대상 스킨 : T스킨BASIC V2 Version 2.3.0 이상]블로그 글에 대해서 태그에 특정태그를 입력하면 특별한 탬플릿이 적용됩니다. 이전에는 포스트 글의 태그에 [@게시판@]을 입력하면 게시판 탬플릿이 적용되게 구혔었는데요. 이번에는 [@전체화면이미지@]태그로 블로그 글의 상단에 전체화면크기의 랜덤이미지가 적용되게 하였습니다.구현된 화면블로그 글의 최상단에 전체화면 이미지가 적용된 탬플릿이 적용됩니다. 작성된 블로그 글에서 모든 이미지를 찾아 지정된 크기(기본크기는 가로 800px)이상의 이미지가 1개라도 있다면 그 이미지들에 대해서 최상단에 랜덤하게 보여줍니다. 만약 그런 이미지가 없다면 무슨일이 있었냐는 듯이 원래의 레이아웃으로 보여줍니다. 적용된 포스트 DEMO 구현방법 구현방법은 블로그..
티스토리 스킨/T스킨 설명서 2020. 8. 26.
티스토리 블로그에서 상호 소통 가능한 게시판 만들기
T스킨 V2.1.X버전에 야심찬 새로운 기능을 추가했습니다. 본문의 입력된 태그를 분석해서 [@게시판@]이란 태그가 있으면 본문의 글을 게시판형식으로 보여주는 기능입니다. 이 태그 분석은 지속적으로 다양한 형식의 탬플릿에 적용시킬 수 있게 할 예정입니다. 구현된 화면 티스토리의 댓글기능을 활용하여 최대한 게시판형식으로 보여지게 만들었습니다. 실제 적용된 모습은 아래의 경로에서 확인할 수 있습니다. 스킨 오류/개선 요청 게시판 바로가기 구현방법구현방법은 매우 쉽습니다. 글쓰기 -> 제목(게시판 이름) 작성하기 -> 태그에 [@게시판@] 입력하기 먼저 관리자화면에서 글쓰기를 실행합니다. 제목을 입력합니다. 제목은 게시판의 이름이 됩니다. 태그에 [@게시판@]이란 태그를 입력합니다. [@와 @]사이의 키워드를..
