Tech

webp file도 잘 올라가는 지 확인해보자 라즈베리파이 처음 구입했을 때의 인증샷 (그저께)

*Backend Admin Page Backend 를 만들었다. image를 upload해서 Markdown에서 링크할 수 있는 수단을 하나 마련했고, bbs의 글을 직접 작성/수정/삭제 할 수 있도록 만들었다. admin page에는 권한을 가진 아이디로 접근하도록 하고 보안과 인증도 대강 처리했다. 느낌상 5~10년 전의 Web 기술 수준까지는, 수박 겉핧기 정도 따라온 것 같다. 더 공부하자.

라즈베리파이4에 라즈비안을 설치하고 ec2에 있던 bbs / blog를 이쪽으로 옮겼다. vt100 스타일의 blog를 나는 좋아하지만, 다른 사람한테 보여주기는 민망해서 gpt에게 가벼운 블로그 솔루션을 하나 알려달라고 했다. 그렇게 설치한 것이 지금이 Hugo다. 이미지도 올릴 수 있다는데, 나중에 붙여봐야겠다. (잘 붙는다.) 좀 써보고 별로 안 좋으면 다른 솔루션으로 다시 갈아타야지.

Upload 기능 개발 완료 이제 image file들을 서버에 upload할 수 있는 back office 기능을 붙였다. 파일을 올린 다음에 마크다운 문법으로 블로그에 나타나게 할 수 있다.

제목 적기! 두번째 제목 적기!! 굵은 글씨는 잘 나오려나? 이게 italic이라고? type code

기존에는 md file을 일련번호(00001.md)로 관리하던 것을 이제는 date 기반(2025-06-21~.md)로 저장하여 사용하도록 수정하였다. Thanks to ChatGPT

기존엔 bbs에서 작성한 글을 txt로 저장한 후에 python script를 사용하여 이를 md로 다시 변환을 거치고 hugo를 빌드하여 html을 만드는 과정을 거치고 있었다. 그런데 생각해보니 bbs에서 작성한 글을 굳이 txt로 저장할 필요가 없이 곧바로 md 파일로 저장하면 된다. 그래서 markdown 기반 bbs로 수정 하였음. 이제 전체흐름은 다음과 같다. 라즈베리파이를 ssh로 접속 bbs.py 를 실행 원하는 게시판에 진입하여 글 작성 hugo update 명령 실행하면, deploy.sh를 수행하여 www폴더의 내용을 update함 (.md file과 rsync)

큰 제목 (H1) 중간 제목 (H2) 굵은 글씨, 기울임, 취소선 리스트 항목 1 리스트 항목 2 Naver Link

Hugo는 UTC를 기준으로 시간을 판단한다고 한다. 내 bbs는 KST를 기준으로 날짜를 적어주고 있다. bbs에 작성한 글을 hugo를 이용해서 blog로 편찬(?)하게 되는데, 이때는 UTC를 기준으로 날짜를 표시하기 위해서 DATE를 UTC 형태로 변환하여 넣어준다. 그러면 .txt가 .md로 변환이 되고 hugo를 빌드하면 .md가 html로 바뀐다. 그렇게 최종적으로 배포가 된다. 이것 재밌네.

C/C++ 와 같은 System Programming Launguae로 작성한 코드를, Web언어인 TS / JS와 연결하여 쓸 수 있도록하는 컴파일러다. 구글에서 만들어서 Chrome 계열의 브라우저에서 동작이 꽤 잘되고, 다른 브라우저들에서도 지원하고 있어서 표준처럼 사용할 수 있다. 지금 맡은 프로젝트 때문에 몇달 써봤는데 꽤 매력적이다. 레거시 기술을 최신 웹환경에서 그대로 사용할 수 있다는 점이 좋다.