"티스토리 에디터에 엑셀 표를 넣는 방법" 티스토리 에디터는 다양한 기능을 지원하지만, 표 기능은 상당히 기초적인 기능까지만 지원되고 있습니다. 이 포스팅에서 티스토리 블로그에 표를 넣어 포스팅을 작성하는 방법을 알아보겠습니다. 문서를 표로 정리하면 얻을 수 있는 장점 문서를 표로 정리를하면 데이터를 비교하고 한눈에 정보를 확인하는 가독성이 좋아지게 됩니다. 특히 많은 양의 정보를 나열할 경우에는 표를 이용하여 정리하는것이 필수 입니다. 티스토리에디터에서 표를 넣는 방법 먼저, 티스토리 에디터를 이용하여 표를 넣는 방법을 알아보겠습니다. 상단 메뉴에서 격자 모양의 테이블 아이콘을 선택합니다. 아이콘 아래로 열리는 격자모양에서 표의 행과 열의 칸 수를 선택합니다. 격자 아래에 행과 열의 수가 표시됩니다. ..
"PC, 모바일에서 다른 이미지 출력하는 스크립트" 웹사이트를 개발하다 보면 PC와 모바일에서 각각 다른 이미지를 출력해야 하는 경우가 있습니다. 예를 들어, PC에서는 상세한 이미지를, 모바일에서는 간략한 이미지를 출력하고 싶을 때가 있습니다. 이러한 경우, 다음과 같은 방법으로 스크립트를 작성하여 PC와 모바일에서 다른 이미지를 출력할 수 있습니다. 페이지 폭을 인식하여 이미지를 출력하기 위의 스크립트는 window.innerWidth 속성을 사용하여 현재 페이지의 너비를 확인합니다. 페이지 너비가 768픽셀보다 크면 PC에서 접속한 것으로 간주하여 .pc-image 클래스를 가진 이미지를 출력합니다. 너비가 768픽셀보다 작으면 모바일에서 접속한 것으로 간주하여 .mobile-image 클래스를 가..
"랜덤 이미지 출력하기 Javascript 소스" 접속할 때마다 2개 이상의 이미지를 랜덤으로 출력하는 자바스크립트(Javascript) 소스를 공유합니다. 웹페이지를 새로고침 하면 랜덤으로 여러 개의 이미지 중에서 하나만 출력되는 소스입니다. "랜덤 이미지 출력하기 Javascript 소스" 위의 코드는 random-image라는 클래스를 가진 이미지 요소들을 선언하고, show라는 클래스를 추가하여 이미지를 표시하도록 합니다. showRandomImage() 함수는 페이지가 로드될 때 실행되어 랜덤으로 이미지를 선택하고 해당 이미지에 show 클래스를 추가하여 화면에 표시합니다. 이 코드를 웹 페이지에 추가하고 이미지 파일의 경로를 적절히 수정하여 사용하시면 됩니다. 각 이미지 태그에는 src 속성으..
"엑셀(Excel)의 표 → HTML 형식으로 변환하는 방법" 웹페이지를 제작하거나 블로그 포스팅 문서를 작성하기 위해서 복잡한 내용을 한눈에 알기 쉽도록 전달하기 위하여 표를 사용해야 할 경우가 있습니다. 별도의 웹에디터를 사용하거나, 텍스트 에디터를 사용하여 단순한 표를 제작할 수 있지만, 복잡한 표나 원본 데이터가 엑셀 파일의 표 형식일 경우에는 어려울 수밖에 없습니다. 아래의 테이블 생성기(Tables Generator) 사이트를 이용하면 별도의 프로그램 설치 없이 손쉽게 HTML 형식의 표를 생성할 수 있습니다. 테이블 생성기(Tables Generator) 사이트 바로가기 별도의 프로그램을 설치할 필요 없이 간단하게 온라인에서 변환을 진행할 수 있습니다. 아래의 버튼 링크를 통해 '테이블 생성..
"티스토리 스킨 추천 - 고래 스킨 4.1" 티스토리 블로그가 네이버 블로그와 구분되는 가장 큰 차이점은 구글 애드센스 광고를 이용한 광고 수익일 것입니다. 티스토리 블로그를 개설하고 가장 먼저 고민할 부분이 광고에 최적화된 빠른 속도의 스킨일 텐데요. 이 블로그에도 오랫동안 사용하고 있는 '고래 스킨 4.1'을 추천합니다. 티스토리 고래 스킨 제공 기능 PC, 모바일 반응형 스킨 네이버, 구글 검색 엔진 최적화 구글 애드센스 광고 최적화 사이드바 설정 기능 ( 전체 보이기 / 전체 숨기기 / 본문 페이지 제거 / 모바일 제거 ) 헤더 영역 배경색 설정 기능 모바일 전용 카테고리 보호 글 / 관련 글 지원 위의 대표적인 특징만 확인해도 수익화를 위한 티스토리 세팅에는 최고의 선택이지 않을까 생각됩니다. ..
"검색엔진 최적화(SEO)를 위한 티스토리 이미지 alt 속성 태그 추가하는 방법" 구글, 네이버 등 검색엔진은 사용자가 손쉽게 검색할 수 있도록 검색엔진 최적화(SEO, Search Engine Optimization) 된 포스팅을 우선으로 노출합니다. 검색 엔진 최적화(SEO, Search Engine Optimization)는 검색 엔진으로부터 웹사이트나 웹페이지에 대한 웹사이트 트래픽의 품질과 양을 개선하는 과정입니다. 웹 페이지 검색엔진이 자료를 수집하고 순위를 매기는 방식에 맞게 웹 페이지를 구성해서 검색 결과의 상위에 나올 수 있게 하는 것을 말합니다. HTML의 img 태그에서 쓰이는 alt 속성은 그림이 렌더링 되지 못할 때 나타날 문자열을 지정하기 위한 값으로 시각장애인 등을 위해 문서..