개발 블로그

회사에서 각종 자료들을 나스에 저장하는데 GUI로 되어있는 게 이뻤다. 그거 따라서 되는건 줄 알고 했다가 나는 비루한 html 화면을 맞이했지만.. 그래도 설치는 해놨으니 간략하게 메모용으로 남긴다. 1. Apache2 설치apt-get updateapt-get install apache22. dav, dav_fs 모듈 활성화a2enmod dava2enmod dav_fs원래 그런건진 모르겠는데 명령어 실행하니 나는 둘 다 활성화되어 있는 상태였다.3. WebDAV용 디렉터리 생성‘mkdir’ 명령어를 사용해 원하는 곳에서 디렉터리를 생성한다. 참고로 나는 '/' 경로에 'webdav'라는 이름으로 디렉터리를 생성했다. 밑에 설정 파일에서 작성해야 하니 경로는 기억해두면 된다.4. WebDAV 전용 계정..

만들고 싶은 거 있을 때 마다 적용할테니 짤막하게 사용 방법만.. 사용 전 build.gradle에 thymeleaf-extras-springsecurity6 라이브러리를 추가해줘야 한다. 나는 start.spring.io에서 처음에 프로젝트 생성 시 Spring Security를 선택해놔서 있긴한데 없으면 추가하자. dependencies { implementation 'org.thymeleaf.extras:thymeleaf-extras-springsecurity6'} html에서 사용할 때는 아래와 같이 xmlns:sec="http://www.thymeleaf.org/extras/spring-security" 부분이 있어야 한다.  내가 자주 사용하는 속성은 아래 3개이다.  ..

개인 홈페이지 배포하고 공부한 내용들을 올리려는데 블로그에 올린 내용이랑 겹치다보니 번거롭다는 생각이 들었다. 티스토리에서 RSS 지원하는 걸 알고 있어서 이 김에 RSS 파싱에 대해 다뤄봤다. 생각을 여러 개 좀 했었는데 뭐냐면.. DB를 다뤄야 하나.. 최신 글만 필요한걸까.. 내가 나중에 갖고오고 싶은 글을 가져오려나 생각 했었는데 아직은 그렇게까지는 할 생각이 없어서 DB에 값 안넣고 RSS 연동해서 최신 글만 가져오는 걸로 결정했다. 일단 RSS을 파싱할 파일 혹은 URL이 있어야 한다. 나는 내 티스토리 블로그의 RSS 주소를 application.yaml에 저장해놨다. rss: url: https://mytilblog.tistory.com/rss 이건 내 티스토리 블로그의 RSS 구성인데 참..

STS4에서 Import Gradle Project를 실행하면 caches, daemon, native, wrapper 등 여러 개의 폴더가 생긴다.이 외에도 필요없는 파일들은 Commit 시 안올라가게 미리 없애놓자. .classpath.gradle.project.settings.gitignore/bin/caches/daemon/native/wrapper/buildapplication.yaml

원래는 구글링하면 나오는 File - Import - Gradle - Existing Gradle Project … 이 방법으로 진행했었는데 이렇게 하면 에러도 중간에 많이 뜨고 무엇보다 작업하고 Commit 할 때 충돌이 계속 일어나서 못하겠더라.. 그래서 어떤 방법으로 할까 혼자 만져보다가 이 방법이 제일 나은 것 같아서 기록용으로 작성한다. STS4 실행Window - Show View - Other - Git - Git Repositories 클릭 후 Open 클릭Clone a Git Repository… 클릭URI는 Github Repository의 URI를 입력한다. Port 제외한 모든 정보 입력 후 Finish 클릭아래와 같이 나와있으면 반은 성공했다.프로젝트 우클릭 - Import Pro..

원래 화면이다.  여기서 제목 input 태그 밑에 썸네일을 추가하면 미리보기를 할 수 있고 저장 후 DB에 썸네일의 경로를 저장 및 로컬에도 이미지를 저장할 것이다. 그리고 게시글 불러 올 때 썸네일도 같이 출력되게 끔 만들려고 한다. 일단 input 폼을 조금 수정했다.   WRITE TITLE THUMBNAIL --> CANCEL WRITE  그리고 이미지 들어갈 태그에 css를 먹여놨다. 처음부터 img 태그가 보이면 이미지가 없기 때문에 엑박이 뜬다. 그래서 처음엔 display를 none으로 ..

이전에 마크다운 라이브러리를 2번 정도 사용했었는데 2번 다 방법이 달랐다. 첫번째는 수작업으로 textarea에 마크다운 문법만 붙여넣으면 오른쪽에 만들어둔 div에 marked 라이브러리 붙여서 실시간으로 마크다운 파싱해서 보여줬었고.. 두번째는 Toast UI Editor를 적용시켰는데 커스터마이징 할 수 있는 기능들은 SSR에서는 지원이 안되길래 이번에 SimpleMDE로 갈아탔다.1. SimpleMDE CDN 어디다 적용시켜야 하는지 모른다면 검색해보자.. 나는 thymeleaf에서 제공하는 layout 라이브러리로 공동 레이아웃을 따로 관리하고 있기 때문에 head.html에 적용시켜놨다.2. PrismJS CDN얘는 소스코드를 꾸며주는 역할을 한다. 보통 티스토리 블로그에서 문법 강조시키는...

이전에 한번 포스팅 했던거라 짤막하다.이거보고 적용한다면 도움이 안될 듯 하다. apt updateapt install certbot python3-certbot-apache -ycertbot --apache -d ${도메인 주소 } --email ${이메일 주소 } 나는 테스트용 도메인이라 인증서 자동 갱신은 안해줬다. 그리고 SSL 발급하는 과정에서 에러가 발생하는 경우가 종종있어서 그럴 경우엔 알아서 잘 해결하자. 이후 도메인으로 접속했을 때 Debian 기본 페이지가 출력되는 경우가 있었는데 SSL 인증서 발급 후 SSL 설정 파일에서 Docker Container까지 연결시켜주는 Reverse Proxy 설정 부분을 추가하지 않았기 때문이고 아래 포스팅을 이어서 작업하면 된다. 근데 Rocky ..

공인 IP:포트로 접근했을 때는 잘 됐었다. 그러나 SSL 인증서 발급하고나서부터 기본 페이지가 나오는 게 아닌가.. 처음엔 설정 파일에서 documentRoot 경로를 dockerfile에서 작성했던 경로로 똑같이 바꾸는 바보 짓도 했었는데.. 생각해보니 공인 IP:Port로는 잘나오고 SSL 인증서 발급하자마자 안됐다? 프록시 쪽 문제라는 생각이 들었고 이 전에 Rocky Linux에서 SSL 인증서 발급받을 때 어떻게 했는지 찾아보니 아래 문구가 더 적혀져 있었다. ProxyPreserveHost OnProxyPass / ${라즈베리파이 IP 주소 }:${컨테이너 포트 }/ProxyPassReverse / ${라즈베리파이 IP 주소 }:${컨테이너 포트 }/ 이 부분을 추가하자. 파일은 /etc/a..

사실 정적 페이지는 Docker 사용하지말고 github page나 netlify로 배포하는 게 낫다. 뭣하러 정적 페이지 배포할려고 서버를.. 난 라즈베리파이를 24시간 내내 돌리고 있기 때문에 궁금해서 해봤다..1. 배포 환경RaspberryPI5(Debian)2. 선수 작업1. docker run ~ 할 때 포트 지정해주는 -p 옵션 뒤에 오는 포트를 포트 포워딩 시켜줘야한다. 2. VS Code 등으로 작업한 정적 페이지가 담긴 폴더가 있어야 한다. 3. 호스트 PC에서 정적 페이지가 담긴 폴더를 라즈베리파이 내부의 디렉터리에 옮겨야 하기 때문에 FTP가 가능해야 한다.전송 실패가 있는 이유는 user5221한테 권한 안줘서 그렇다. 이후 권한주고 파일 넘겼으니 됐다. 4. 때문에 SSH 접근이 ..