Dev

서론 블로그를 찾아주는 사람은 거의 없는 것 같지만.. 댓글 기능도 언젠간 넣어야지 벼르고 있었습니다. hugo 블로그로 변경하기 전 WordPress 블로그를 사용할 때에는, 댓글 기능이 기본으로 들어가 있어서 기능 구현을 신경쓰지는 않았습니다. 다만 WordPress 댓글은 별도의 인증 없이 아무나 쓸 수 있다보니, 광고 봇들을 막기 위해 관리자 승인을 거쳐야 노출되도록 설정하는 등의 번거로움이 있었습니다. 찾아주는 사람 없는 블로그인데도 광고 게시 시도는 하루에도 수백건씩 오더라구요.. 아무튼 지금은 hugo 블로그를 사용중이고, hugo는 정적 사이트 생성기이기 때문에 자체적으로 댓글을 지원하는 옵션은 없습니다. 그렇다고 댓글을 아예 못쓰는건 아니고, 페이지에 외부 댓글 시스템을 붙여넣으면 구현할 수가 있습니다. 댓글을 구현해주는 시스템은 giscus, uterrances, Disqus 등 여러가지가 있어서 뭘 선택해야 좋을지 또 찾아봐야 하는데요, 다행히 비슷한 고민을 하신 선배 개발자분들이 있어 저는 고민하는 시간을 줄일 수 있었습니다. ...

서론 드디어 위키 사이트 만들기 두번째 글로 돌아왔습니다. 첫 글 이후 한달이 넘게 지났네요. 역시 꾸준히 글을 쓴다는건 너무나 어렵습니다. 그새 저의 k-meme 위키 사이트는 문서가 꽤 많이 늘었습니다. 아직은 모두 제가 작성한 문서지만요.. 많은 관심 부탁드립니다. 미디어위키 초기 설정 지난글에 이어, 이번 글에서 설명드릴 내용은 미디어 위키 초기 설정입니다. 앞선 내용으로 서버에 미디어위키를 설치하고 Nginx를 통해 서비스 할 수 있도록 했는데요, 바로 위키 사이트를 사용할 수 있는 것은 아닙니다. 설정한 도메인을 통해 사이트에 접속을 해서 처음 만나는 화면은 아래와 같습니다. ...

서론 그동안 연습했던 서버 세팅과, 웹페이지 호스팅 경험으로 쓸모있는 사이트를 만들어보려고 합니다. (지금 블로그가 쓸모 없는 것은 아니지만..) 사람들이 많이 찾는 사이트는 뭘까 생각하다가, 문득 제가 나무위키를 자주 사용한다는 걸 깨달았습니다. 검색해보니 나무위키 연 수입이 100억이 넘는다네요 ㄷㄷ.. 대단하기도 하지만, 어쨌든 그말은 제가 암만 위키를 잘 꾸며봤자 사람들은 정보를 찾으러 나무위키로 갈것이란 뜻이기도 합니다. 그래서 모든 정보를 다루는 범용 위키보다는, 특정 주제만을 다뤄야겠다고 생각했습니다. 뭐가 좋을까 또 고민하다가 세대간 정보 불균형이 심하다고 생각되는 밈을 주제로, 그것도 한국 밈, K-meme wiki를 만들기로 했습니다. ...

왜 Hugo인가? https://gohugo.io WordPress는 강력하지만 무겁다. PHP, MariaDB, 각종 플러그인이 맞물려 동작하는 구조는 단순한 블로그를 운영하기엔 오버스펙이다. 특히 코드 스니펫과 기술 글 위주의 블로그라면 더욱 그렇다. Hugo로 갈아탄 이유는 크게 세 가지다. 속도: DB 조회와 PHP 실행이 없다. nginx가 정적 HTML 파일만 서빙한다 단순함: MariaDB, PHP 없이 서버 구성이 훨씬 가벼워진다 SEO: 빠른 로딩 속도는 Core Web Vitals 점수에 직접 영향을 준다 WordPress vs Hugo 요청 흐름 비교 WordPress 요청 흐름은 다음과 같다. ...

Ubuntu 서버의 USB 3.0 포트에 외장 SSD 연결 후, 인식 상태를 확인하기 위해 아래 명령어를 입력한다. > sudo fdisk -l 정상적으로 인식되었다면 위와 같이 연결 위치와 포맷 정보가 나타난다. USB 3.0 포트에 연결했을 때 정상적인 인식이 되지 않고, USB 2.0 포트에서는 된다면, Ubuntu가 USB 포트 절전기능을 사용하고 있지 않은지 의심해본다. USB 3.0은 전력 소모가 크므로, 충분한 전력이 공급되지 않으면 정상적으로 동작하지 않는다. 커널 파라미터를 수정하여 절전기능을 끌 수 있다. > sudo vim /etc/default/grub GRUB_CMDLINE_LINUX_DEFAULT="" # 위 line을 아래와 같이 수정 GRUB_CMDLINE_LINUX_DEFAULT="quiet splash usbcore.autosuspend=-1" 수정 후에 설정이 적용되도록 update하고 서버를 재시작한다. 재시작 할 때에는 연결했던 외장 SSD를 제거하는 것을 주의한다. ...

내 서버를 외부에서 접속하려면 터미널 앱에서 ssh 명령을 통해 접속해야한다. ssh 접속을 하려면 22번 포트(또는 host가 정한 다른 포트)가 열려있어야 하는데, 22번 포트가 열려있지 않거나 적절한 터미널이 없는 환경에서는 서버 접속이 불가능한걸까? 인터넷 접속이 가능한 환경이라면 http(80), https(443) 포트는 열려 있을테니, 웹 브라우저를 통해 서버에 접속할 수 있지 않을까 생각하게 됐다. Host에서는 웹 페이지 하나를 띄워주고, 해당 페이지에 터미널 앱을 올려놓는 것이다. 방법으로는 xterm.js 라이브러리를 이용해서 terminal 기능과 hosting 기능을 기초부터 구현할 수도 있고, wetty나 ttyd 같이 이미 구현된 web 기반 terminal 앱을 이용할 수도 있다. 나는 이미 nginx를 통해 블로그를 hosting 하고 있고, 직접 terminal 기능을 구현할 생각이 없으니 당연히 후자의 방법을 택했다. 아래는 chatGPT가 비교한 wetty와 ttyd의 특징이다. ...

굳이 그럴 필요는 없지만, 나는 내 서버를 사용하기 위해 Windows 노트북에서 WSL을 통해 Linux를 실행하고, 그 위에서 ssh 접속을 한다. WSL(Windows Subsystem for Linux)은 Windows 환경에서 별도의 VM 프로그램 없이 Linux OS를 이용할 수 있게 해준다. WSL 설치 기존에는 CLI로만 서버를 제어하는 것으로 충분했는데, 최근에는 gui 프로그램 실행도 필요하게 되었다. 그런데 기존 WSL1에서는 gui를 지원하지 않는다. WSL의 gui(wslg)는 WSL2부터 지원한다(※ 아래 링크에서 WSL2 실행 조건 확인). WSL으로 Linux GUI 앱 실행 ...

Ubuntu를 설치한 server를 사용하면서 simulatior를 몇개 받았더니 금방 용량이 다 차 버렸다. 사용하는 server의 SSD 용량은 512GB인데 이상하다 싶어 확인을 해보니 Ubuntu에 할당된 저장공간은 100GB 밖에 되지 않았다. 찾아보니 Ubuntu는 설치 시 초기에 100GB를 할당하고, 추가 저장공간이 필요하면 확장해서 사용해야 한다는 것을 알게되었다. lvextend 명령어를 이용하여 Ubuntu의 저장공간을 확장할 수 있다. https://aeong-dev.tistory.com/6

서버를 구축하고, WordPress를 설치하고, 내 domain을 구매해서 이제 어디서나 domain 주소로 내 블로그에 접속할 수 있게 되었다. 하지만 이 상태로 블로그를 사용하면 보안이 취약해서 블로그 관리를 위한 로그인 정보 등이 해킹 당할 위험이 있다. 보안을 강화하기 위해서 SSL을 적용할 수 있다. 웹사이트 보안을 위한 방법, SSL이란? https://blog.naver.com/skinfosec2000/222135874222 내 domain 주소에 SSL을 적용하는 방법도 여러 블로그에 잘 설명되어 있다. Nginx letsencrypt SSL 적용기 https://yeopbox.com/우분투ubuntu-22-04-server-워드프레스-nginx-letsencrypt-ssl-적용기/ 그대로 따라하면 SSL 적용은 어렵지 않다. SSL을 적용하기 위해서는 인증서가 사용되는데, 이 인증서는 일정 주기(3개월)마다 갱신해줘야 한다. 위 블로그에서 인증서 자동 갱신을 적용하는 방법까지 설명되어 있지만, 나는 이 갱신이 수행되는 부분에서 문제가 발생했다. ...

지난 글에서도 얘기했듯이, 나는 귀찮은 일은 프로그램으로 돌려놓고 다른일을 하기 위해 script를 작성한다. script 실행 후에는 계속 모니터를 체크하지 않지만, 원하는 조건이 되면 알림을 받기를 원할 때가 있다. 스마트폰은 계속 손에 들고 있으니까 폰으로 알림을 받으면 좋겠다 싶었는데, 스마트폰 알림을 받는 방법도 여러가지가 있다. 단순하게는 SMS메세지로 알림을 보내면 되겠다 생각했는데, 일단 국내에서는 무료로 Web발신 SMS를 보낼 방법이 없다(통장 입출금 내역을 SMS로 받는건 유료고, 은행 어플 push 알림으로 받는건 무료인데는 다 이유가 있었다.). ...