전체 글 (6) 썸네일형 리스트형 [스킨 수정] 상단 진행 바(Progress Bar) 적용 진행 바(Progress Bar) 필요성 필자가 블로그를 꾸밀 때 가장 기본으로 생각했던 원칙은 두 가지였다. 첫 번째는 기본 스킨에서 크게 수정하지 않을 것. 두 번째는 독자가 현재 글의 어디를 읽고 있는지 파악하기 쉬울 것. 두 번째 원칙을 적용하기 위해서 우선 적용했던 것이 ToC였다. 하지만 ToC는 모바일에서 보기 불편하고 거추장스러운 면이 있었기 때문에, 모바일에서는 조금 다른 방식을 적용했으면 하는 바람이 있었다. 그러다가 생각한 것이 진행 바(Progress Bar)였다. 글을 어디까지 읽었는지 진행 바를 통해서 보여주면 모바일에서도 충분히 활용이 가능할 것이라 생각했다. 설치 방법 진행 바를 적용하기 위해서는 티스토리 스킨을 다소 수정해야 한다. HTML(JS), CSS 등을 복사/붙여넣.. PUID, GUID 기능 및 확인 방법 PUID, GUID 시놀로지 패키지 센터에서 제공하는 앱만 설치해서 사용한다면 PUID, GUID는 사실 일반적인 유저가 확인할 필요는 없는 정보라고 생각한다. 하지만 Docker를 사용하면서 특히 파일 권한 문제로 골머리를 앓아 본 사람이라면 이 문제(파일 권한 문제)가 얼마나 심각하고 귀찮은 문제인지 이해하고 있을 것이다. PUID, GUID가 중요한 이유 시놀로지도 Linux기반의 OS를 제공하고, Docker도 리눅스 기반의 Container가 많다. 리눅스는 파일 권한에 특히 까다로운 OS이기 때문에 실제로 Container를 설치/설정하는 과정에서 파일 권한 문제가 많이 발생한다. 이러한 문제를 해결할 수 있는게 바로 PUID, GUID이다. 시놀로지에서 ID(유저) 하나를 새로 만들어서(기존.. [스킨 수정] 이미지 팝업 설정(Markdown용) Light TT EX 대체재는? Light TT EX 플러그인을 사용하지 않는 이유 필자는 블로그 포스팅을 하기 위해 마크다운(Markdown)을 사용한다. 마크다운 에디터에서 이미지도 쉽게 추가가 가능하면 좋겠지만, 아직까지 만족스러운 방법이 없었기에 구글 포토에 업로드 후 이미지를 링크하여 사용하고 있다. 이러한 방법으로 사용하게 되면 가장 큰 단점은 티스토리의 이미지 확대 플러그인인 'Light TT EX'이 작동하지 않는 것이다. Light TT EX플러그인은 티스토리 에디터를 사용하여 업로드한 이미지에만 적용되기 때문에, 마크다운을 사용하는 필자에게는 꽤나 문제가 되었다. 따라서, Light TT EX 플러그인 기능과 유사한 기능을 하는 무언가를 찾거나 만들 필요가 있었다. 대체제를 찾기 위한 .. 역방향 프록시(Reverse Proxy) 역방향 프록시란? 역방향 프록시에 대한 사전적인 정의는 있겠지만 여기에서는 그 용도가 더 중요하니, 일단 필자가 사용하는 용도는 NAS내부 포트 주소 > 원하는 서브도메인 으로 변경하는 기능이다. 역방향 프록시를 사용해서 nas.domain.com:32787 이런 주소를 sub.domain.com이런 주소로 바로 연결되도록 설정할 수 있다. 역방향 프록시 설정 방법 역방향 프록시 설정 화면 역방향 프록시는 제어판 > 응용 프로그램 포털 > 역방향 프록시 탭에서 확인할 수 있다. 해당 경로로 들어오면 아래와 같은 화면을 볼 수 있다. 역방향 프록시 추가를 위해서는 왼쪽 위 '생성' 버튼을 클릭한다. 역방향 프록시 종류 역방향 프록시는 HTTP(보안미적용)과 HTTPS(보안) 두 종류가 있다... [스킨 수정] 티스토리 자동 ToC 적용 및 설정 변경 ToC란? ToC는 Table of Content의 약자로 우리나라 말로 하면 '목차'에 해당하는 단어라고 볼 수 있다. ToC를 적용하기로 마음먹은 이유 필자가 맨 처음에 블로그를 만들고자 마음 먹었을 때 정했던 컨셉은 '초보자도 쉽게 이해할 수 있는 기술 블로그' 였다. 기술 블로그를 표방하고 있기 때문에 구조화된 내용이 필요하다고 생각했고, 글의 전체적인 구조를 한 눈에 볼 수 있으면 독자들이 이해하기 쉬울 것이라 판단했다. 이를 해결할 수 있는 것이 바로 ToC를 구성하는 것이었고, 검색을 통해 여러가지 방법들을 쉽게 찾을 수 있었기 때문에 ToC를 내 블로그에 적용하기로 마음먹었다. ToC 적용 시 장점 ToC를 적용할 시 아래와 같은 장점이 있다. 따라서 본인의 수.. [추천 이미지] Nextcloud 설치 방법 본 포스팅은 DSM 6.2 기준으로 작성되었습니다. Nextcloud란? Dropbox 사용의 불편함 필자는 원래 Dropbox 애용자였다. Dropbox 서비스의 완전 초반부에 가입하고 친구 초대 등 거의 모든 조건을 만족시켜서 약 20GB에 해당하는 용량을 무료로 사용할 수 있었기 때문이다. 하지만 Dropbox는 몇 년 전부터 Dropbox Basic이라고 불리우는 무과금 사용자들 대상으로 동기화 할 수 있는 Device의 수를 제한하기 시작했고(3개였나?), 여러 디바이스에서 동기화가 필요했던 필자는 그나마 자주 사용하는 기기에만 동기화하면서 불편하게 사용하고 있었다. 하지만 사용하는 디바이스가 늘어 갈 수록 계속 사용하기에는 불편함이 컸고 다른 클라우드로의 이전을 고려하게 됐다. Dropbox를.. 이전 1 다음