Buildify365

블로그 글이 길어지면 독자는 원하는 내용을 찾기 어렵고, 이탈률도 올라갑니다.목차 하나만 넣어도 체류 시간과 사용자 경험이 확 달라지는데요.기존에는 jQuery 플러그인을 설치하고 CSS를 수정하는 등 복잡한 과정이 필요했습니다.지금 소개하는 방법은 코드를 몰라도 됩니다.웹에서 눈으로 보면서 디자인과 기능을 선택하고, 만들어진 코드를 서식에 붙여넣으면 끝입니다. 30초면 됩니다.적용 방법 A — 글마다 서식으로 적용1단계 — 디자인 선택 (10초)buildify365 목차 생성기에 접속합니다.코드를 직접 작성할 필요가 없습니다. 화면에서 원하는 옵션을 클릭하면 미리보기로 바로 확인할 수 있고, 코드는 자동으로 생성됩니다.테마 (라이트 / 다크)색상불릿 스타일 (●, 1.2.3, —, 없음)사이드바 위치 ..

문제최근에 PDF 파일을 이미지(PNG)로 변환해서 제출해야 할 일이 있었는데, 기존 웹 온라인 툴들을 쓰다 보니 은근히 불편한 점이 많았습니다.이런 분들께 추천합니다보안이 중요한 문서를 이미지로 변환해야 하는 분여러 장 변환하려니 회원가입/결제에 지친 분변환 전에 파일명이나 미리보기를 미리 확인하고 싶은 분깔끔한 도구를 찾는 분요약문제: 기존 툴들은 서버 업로드 방식이라 보안이 찝찝하고, 개수 제한이나 가입 유도가 심함.시도: 내 브라우저에서 모든 처리가 끝나는 독립적인 웹 도구를 직접 제작.해결: 서버 전송 없이 안전하고, 파일명 변경과 미리보기가 가능한 변환기 완성!왜 직접 만들었을까?기존에 유명한 사이트들을 몇 군데 써봤는데, 제가 느낀 불편함은 크게 세 가지였습니다.보안 찝찝함: 대부분 서버로 ..

도입부이전 글에서 시리즈 네비게이션(목차)이 뭔지 소개했습니다.이번 글에서는 실제로 만들어서 블로그에 붙이는 과정을 스크린샷과 함께 알려드릴게요.코딩 지식이 전혀 없어도 됩니다. 스크린샷 따라하기만 하면 끝! 전체 과정은 크게 3단계입니다:단계내용소요 예상 시간1단계목차 만들기 (buildify365.com)~5분2단계GitHub에 업로드~5분 (이미 계정 있으면 ~3분)3단계블로그에 코드 붙여넣기~2분 1단계: 목차 만들기 (이미지 1~9)buildify365 사이트 접속제가 따로 운영중인 개인 웹사이트입니다.buildify365.com에 접속한 뒤, 상단 메뉴에서 도구 → 시리즈 목차 생성을 클릭합니다. → [이미지 1]이미지 1 시작하기시리즈 네비게이션 생성기 페이지가 나타나면 시작하기 버튼을 클릭..

도입부블로그에 시리즈 글을 연재하다 보면 이런 고민이 생깁니다.독자가 중간 편부터 들어오면 앞뒤 글을 찾기 어렵다글이 쌓일수록 "시리즈 모아보기"를 매번 수동으로 수정해야 한다HTML을 직접 짜자니 시간이 들고, 안 넣자니 아쉽다저도 똑같은 상황을 겪었습니다.최근 게임 관련 시리즈를 연재하면서, 글이 하나둘 쌓이니까 문제가 보이기 시작했습니다.3편부터 읽는 사람은 앞에 무슨 이야기가 있었는지 모르고, 1편을 본 사람은 다음 글이 있는지조차 모른 채 이탈 것 같더라고요. 시리즈의 맥락을 한눈에 보여줄 수 있는 목차가 글 안에 들어가 있으면, 읽는 사람 입장에서 흐름을 잡기도 쉽고, 자연스럽게 다른 편까지 읽어볼 확률이 훨씬 높아지겠다고 생각했습니다. 티스토리에서 하나의 글에 목차를 넣어두고 그 링크를 매 ..