(시놀로지) 개인 도메인에 SSL 인증서를 발급받는 제일 쉬운 방법

DSM에서 보안 설정 하나로 개인 도메인에 인증서를 발급받고 자동 갱신하는 간단한 방법입니다.www 뿐만 아니라 어떠한 서브도메인에 대해서도 인증서 발급이 즉시됩니다. 도메인 A 레코드도메인 관리사이트에서 A 레코드에 NAS IP를 설정합니다.※ 2차 도메인에 와일드카드를 사용하지 않았을 경우,www, aaa, bbb 처럼 원하는 서브도메인을 모두 A 레코드에 등록합니다.※ 2차 도메인에 와일드카드를 입력하여 NAS에 연결했다면 서브 도메인명은 A 레코드에 등록할 필요가 없습니다. NAS에서 서브 도메인 별로 웹 포털(또는 리버스 프락시)을 등록하고 각각 인증서를 발급받으면 됩니다.IP 주소가 ISP 또는 라우터에서 바뀌는 경우 DDNS를 신청해야 합니다.개인 도메인에 DDNS를 사용하려면 dnszi.c..

PC&웹/정보&기술 2024. 7. 24. 10:05

(워드프레스) <hr/> CSS 스타일 변경

기본 스타일의 수평선은 너무 짧고 , 까맣고, 잘 보이지 않습니다.세 가지 스타일을 아래처럼 바꿔봅니다.hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { width: 90%; max-width: 90%; border: 0; height: 2px; background: linear-gradient(to right, #f6f6f6, var(--wp--preset--color--primary), #f6f6f6); margin: 35px auto;}hr.wp-block-separator.is-style-wide { width: 100%; max-width: 100% ; border: 0; hei..

PC&웹/그래픽&디자인 2024. 7. 22. 16:10

(워드프레스) 블록 패턴 - 인용 박스 코드

사용 조건Pattern CSS 플러그인 설치 패턴 등록스타일 에디터에서 작업할 때관리자 페이지 - 모양 - 패턴에서 동기화 패턴을 등록합니다. (도대체 누가 Appearence를 디자인으로 번역했는지 참🤬)빈 패턴 문서를 등록 후 postId를 확인하여 DB의 wp_posts 테이블에서 해당 postId를 찾은 후 post_content 컬럼에 아래 HTML 코드를 삽입합니다. PHP코드를 넣으면 안 됨.그다음 페이지를 새로고침하면 에디터에서 세부 내용을 편집할 수 있습니다.PHP 파일로 만들 때.php 파일로 등록할 때에는 패턴 양식에 따라 문서를 만들고 코드를 삽입합니다. 스타일 에디터글/페이지 에디터에서 패턴 두 개를 추가했습니다. 제목에 따라 출력

PC&웹/웹프로그래밍 2024. 7. 22. 11:19

워드프레스, '오류 알림업데이트 실패. 응답이 유효한 JSON 응답이 아닙니다.'

오류 알림업데이트 실패. 응답이 유효한 JSON 응답이 아닙니다.사이트 에디터로 내 블록 패턴을 만들다 보면, 제목과 같은 오류가 발생합니다. 그리고 저장이 되지 않지요.하지만 강제로 저장을 하는 꼼수가 있습니다. 그중, DB 편집을 알아봅시다. postId 가져오기제목 표시줄을 보면/wp-admin/site-editor.php?postType=wp_block&postId=430&canvas=edit이렇게 postId 값을 확인할 수 있습니다. DB 접속편집하기 쉽게 PMA로 접속합니다.wp_posts 테이블로 이동 후 ID 값이 postId 값인 레코드를 찾습니다.post_content 컬럼을 더블클릭하거나 수정 버튼을 누릅니다.더블클릭하면 이렇게 바로 편집이 됩니다.복붙으로 내용을 편집하고 다른 곳을..

PC&웹/웹프로그래밍 2024. 7. 21. 23:25

PC에서 PeriPage A6s로 감열지 인쇄하기

열전사 프린터인 PeriPage 시리즈 중 A6s 모델에 인쇄를 해봅니다. 인쇄를 지원하는 어떤 프로그램에서도 PeriPage 제품을 사용할 수 있습니다. 스티커 레이블도 인쇄할 수 있습니다. 드라이버 설치Download-PeriPage Mini Printer Portable Thermal Pocket Printer (ileadtek.com) Download-PeriPage Mini Printer Portable Thermal Pocket Printer www.ileadtek.com 브라더 P-touch 에디터로 인쇄하기편집 화면 출력 완료그런데 뭔가 이상하지요? 내용 끝부분이 감열기에 딱 맞게 걸쳐서 멈췄습니다.그렇다면 설정을 해야지요.프린터 속성에서 장치 설정 탭으로 이동합니다.옵션 중 피드 설정을 ..

PC&웹/정보&기술 2024. 7. 20. 16:14

사용하기 쉽고 깔끔한 페이지 번역·문단 번역 확장(Immersive Translate) 추천!

문장이나 페이지를 번역해 주는 확장은 여러 가지가 있지만 아래 확장이 기능이 많고 깔끔하며 제일 쓸만합니다.Immersive Translatehttps://immersivetranslate.com/ko/ 이중 언어 웹 번역 확장_PDF 문서 번역 도구 | 沉浸式翻译몰입형 번역은 무료 웹사이트 번역 확장 프로그램으로, 온라인 이중 언어 웹 페이지 번역을 제공합니다. 웹사이트를 영어 또는 다른 언어로 번역하거나, 다양한 형식의 문서 번역, PDF 번역, EPUBimmersivetranslate.com브라우저별 확장을 설치할 수 있습니다. Edge 브라우저에서 번역 확장을 사용해야 하는 이유엣지의 번역은 코드 태그를 번역하지 못합니다.위와 같이 코드 태그로 둘러싸인 단어는 문장의 뒤로 이동하여 비정상적인 번역..

PC&웹/정보&기술 2024. 7. 16. 11:17

티스토리스런 워드프레스 테마를 만들다...

2024.07 기준 여기 티스토리 블로그와 똑같은 형태로 워드프레스 테마를 만들고 있었다. 티스토리 스킨 코드를 복붙만 해도 동작하는 워드프레스 테마...동작 방식이 다르다보니 설정할게 너무 많다. 티스토리에서 제공하는 기능은 직접 구현해야 한다.그래도 그럴듯하게 만들어졌다. 워드프레스 테마 편집기로 사용자정의가 된다.총 수 시간동안 작업하면서 점점 비슷하게 만들어졌는데, 결국 자괴감에 빠져버림. 왜 하고 있지?십수년 전 XE 만지던 시절이 생각나는 뻘짓.지원금이라도 받으면 좋으련만 🤣어쨌든 언젠가 망할 티스토리의 데이터를 옮길 준비를 미리 해놔야 한다.

PC&웹/웹프로그래밍 2024. 7. 15. 21:02

(시놀로지) DS723+ 웹서버(로컬 PHP, MariaDB) 성능 개선

SynologyMemory메모리 압축 기능 해제메모리 압축 설정을 끕니다. 압축 및 해제 과정에서 CPU, HDD 자원을 사용합니다.웹서버가 동작중인데도 메모리 여유가 많습니다. HDDHDD 절전 해제HDD가 절전된다면 깨어나는데 시간이 걸리므로 접속자의 대기 시간이 크게 늘어납니다. 자주 절전되지 않도록 설정하거나 절전 기능을 꺼야합니다.로그 설정각종 로그 기능에서 꼭 필요한 부분만 활성화하거나 로그 기능을 해제합니다. MariaDB환경설정 값은 명령어나 PMA 에서 설정하면 된다. innodb buffer pool sizeNAS: 16,777,216기본값: 134,217,728MariaDB 문서에서도 기본값이 128MiB인데 시놀로지는 16MiB이다. DS7시리즈 램이 기본 2GB인데, 이건 ..

PC&웹/정보&기술 2024. 7. 13. 19:26

(시놀로지) 웹스테이션에 설치된 워드프레스에서 FTP 사용하기

SynologyFTP 설정제어판 - 파일 서비스 - FTP 탭에서 FTP SSL/TLS 암호화 서비스 활성화 후 접속에 사용할 NAS 사용자 설정에서 응용 프로그램 - FTP 권한을 허용합니다. 워드프레스 업데이트, 플러그인 업데이트, 설치, 삭제하기FTP 보안 때문에 공유기에서 포트 설정이 되지 않았을 때에도 워드프레스 업데이트가 가능합니다.업데이트 중 FTP 접속 정보를 물어보는 페이지가 나타나면 아래와 같은 정보를 입력합니다.FTP 호스트 주소: localhost계정: NAS의 워드프레스 경로에 접근 가능한 계정암호: NAS 계정의 암호매번 접속 정보를 입력하는 것이 귀찮다면wp-config.php 편집파일에 아래 코드를 추가합니다.define('FTP_HOST', 'localhost');defin..

PC&웹/정보&기술 2024. 7. 13. 13:16

(시놀로지 NAS) Nginx 서버에서 그누보드5 짧은 주소 적용

여기서는 그누보드를 수동 복사 후 웹 스테이션에서 설정하였습니다.그누보드5 단축 URL경로를 아래처럼 바꿀 수 있습니다. 공지 글 작성 예)gnu.mydns.com/notice/write 먼저 자동 관리되는 .conf 파일을 찾아야 합니다. /etc/nginx/sites-enabled/ 경로로 이동합니다.서비스를 설치하면서 생성된 파일을 편집기로 불러옵니다. 여기서는 webservice_portal_blahblah.conf 파일입니다. 파일이 여러 개 있으면 내부 코드에서 server_name을 확인하면 됩니다.코드를 보면 include 줄이 몇 개 보입니다. 그중 파일명이 제일 깔끔한 /cert.conf* 줄을 찾아서 해당 경로로 이동합니다.*는 와일드카드 문자로, 뒤에 어떤 문자가 있던 앞 글자와 일..

PC&웹/정보&기술 2024. 7. 12. 18:43

(시놀로지 NAS) Nginx 서버에서 워드프레스 index.php URL 단축하기

여기서는 워드프레스를 웹 스테이션에서 도커 프로젝트로 설치하였습니다.워드프레스 단축 URL경로를 아래처럼 바꿀 수 있습니다.wordpress.mydns.com/123 먼저 자동 관리되는 .conf 파일을 찾아야 합니다. /etc/nginx/sites-enabled/ 경로로 이동합니다.서비스를 설치하면서 생성된 파일을 편집기로 불러옵니다. 여기서는 webservice_portal_blahblah.conf 파일입니다. 파일이 여러개 있으면 내부 코드에서 server_name을 확인하면 됩니다.코드를 보면 include 줄이 몇개 보입니다. 그 중 파일명이 제일 깔끔한 /cert.conf* 줄을 찾아서 해당 경로로 이동합니다.*는 와일드 카드 문자로, 뒤에 어떤 문자가 있던 앞 글자와 일치하는 파일을 모두 i..

PC&웹/정보&기술 2024. 7. 12. 13:39

(시놀로지 NAS) Nginx 서버에서 미디어위키 index.php URL 단축하기

아파치 서버에서는 아래 글처럼 적용하면 됩니다.미디어위키, 같은 디렉터리에서 단축 URL 사용하기아파치보다 성능이 좋은 Nginx를 웹 서버로 사용하면서 제일 먼저 부딪히는 문제가 URL 단축입니다.여기서는 미디어위키를 웹 스테이션에서 도커 컨테이너로 설치하였습니다.미디어 위키 단축 URLwiki.mydns.com/index?title=대문위 기본 경로를 아래처럼 바꿀 수 있습니다.wiki.mydns.com/대문 먼저 자동 관리되는 .conf 파일을 찾아야 합니다. /etc/nginx/sites-enabled/ 경로로 이동합니다.서비스를 설치하면서 생성된 파일을 편집기로 불러옵니다. 여기서는 webservice_portal_blahblah.conf 파일입니다.위 코드는 서버에서 관리하기 때문에 사용자가 ..

PC&웹/정보&기술 2024. 7. 11. 22:26

(시놀로지 NAS)웹스테이션에서 미디어위키 도커 설치

이전글시놀로지 NAS - 도커, 미디어위키 설치 시놀로지 NAS - 도커, 미디어위키 설치폴더 생성 NAS 볼륨\docker\mediawiki NAS 볼륨\docker\mediawiki\data NAS 볼륨에 docker 공유폴더를 만들고 컨테이너 폴더를 만든다. 여기서는 images 폴더를 data 폴더로 마운트 하였다. Docker 설치 mediawiki - latesttsblog.simulz.kr위 글에서는 컨테이너 매니저를 이용하여 도커에 미디어위키를 수작업으로 설치하는 방법을 적었습니다. 설정이 복잡하고 역방향 프락시 때문에 제어판으로 이동해야 하는 불편함이 있었습니다. 게다가 파일 접근이 막혀서 커스터마이징이나 백업이 어려웠습니다.이번에는 웹스테이션에서 도커 서비스를 설치해 봅니다. 패키지 센..

PC&웹/정보&기술 2024. 7. 11. 18:34

(시놀로지)웹 스테이션에서 워드프레스를 도커로 설치하기

웹 프로그램을 웹 스테이션에서 도커로 설치하는 이유phpMyAdmin, WordPress(워드프레스), Plex, PHP, MediaWiki 등을 패키지 센터에서 설치하려면 최신버전이 아닐 수도 있습니다. 같은 패키지를 여러 개 설치할 수 없습니다.컨테이너 매니저에서 설치하면 컨테이너 설정, 역방향 프락시 설정, 마운트 설정, APM 설정 등이 어렵고 복잡합니다. 웹스테이션을 통해 서비스를 설치하면 최신 버전을 자동으로 쉽게 설치할 수 있습니다.😍같은 서비스를 여러개 설치하고 서브 도메인이나 포트를 할당할 수 있습니다.파일 관리자에서 폴더 권한 설정을 하면 웹페이지에서 워드프레스 업그레이드와 플러그인 업데이트가 가능합니다.웹스테이션의 Nginx 웹서버와 손실되지 않는 사용자 설정(.conf)을 사용할 ..

PC&웹/정보&기술 2024. 7. 11. 16:36

스트림독 아이콘팩 공유

스트림독에서 사용할 수 있는 아이콘팩입니다. 프로그램에서 설치하려면 VPN 일본 서버에 접속해야 내려받을 수 있기 때문에 불편한점이 있습니다. 아래 압축 파일을 내려받아서 %AppData%\HotSpot\StreamDock\icons 폴더에 압축을 풀면 됩니다.https://drive.google.com/drive/folders/163wHGNDWDbceQgl5JnLyE1RNA83ykaYM?usp=sharing Google Drive: 로그인이메일 또는 휴대전화accounts.google.com ※ 아이콘이 많아질 수록 아이콘 선택 창의 로딩 속도가 느려집니다.

PC&웹/그래픽&디자인 2024. 7. 1. 11:10

오픈소스 SVG to PNG 무료 변환

SVG 파일을 변환해주는 개인 사이트는 트래픽 문제로 제한을 하거나 비용이 발생합니다.PNG로 변환한다면 무제한 변환이 가능한 GitHub 사이트를 이용하면 됩니다.SVG to PNG (vincerubinetti.github.io) SVG to PNGConvert SVG to PNG right in your browser, reliably and correctlyvincerubinetti.github.io일괄 크기 지정 기능일괄 내려받기 기능: Zip으로 받는 것을 권장합니다.DPI 변환 기능은 없습니다. 인쇄 목적이라면 px값에 출력할 DPI / 96 DPI 값을 곱해야 합니다.

PC&웹/그래픽&디자인 2024. 6. 28. 12:20

497 PC&웹