블로그 포스팅 페이지 | 준혁의 포스팅 놀이터

3일 전　 소프트웨어 개발　

안녕하세요. TinyMCE 에디터를 리빌더에 맞게 커스터마이징 하고 있는 오준혁입니다. 얼마전에 소프트웨어 개발 게시판에 그누보드(리빌더)에 tinyMCE 적용후기 글을 남겼었는데요. 생각보다 완성도가 높다고 판단되어 GPL 라이센스에 맞게 에디터를 공개 배포하기로 하였습니다. 현재 그냥 막 짜다보니 정리되지 않은 소스코드들을 다듬고 디버깅하고 있습니다. 이 작업이 완료되면 소스코드를 배포할 예정입니다. 기존 TinyMCE에서 추가된 주요 기능들 그누보드(리빌더)에 tinyMCE 에디터 적용후기 > 블로그 포스팅 | 준혁의 포스팅 놀이터 그누보드(리빌더)에 tinyMCE 에디터 적용후기 안녕하세요. 그누보드(리빌더)에 tinyMCE 에디터를 연동하고 추가 기능을 구현하고 blog.junhyuk.kr

오준혁미니홈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

미니홈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

5일 전　 소프트웨어 개발　

그누보드(리빌더)에 tinyMCE 에디터 적용후기

안녕하세요. 그누보드(리빌더)에 tinyMCE 에디터를 연동하고 추가 기능을 구현하고 있는 오준혁입니다. 이번에는 제가 연동하고 있는 tinyMCE 에디터에 대해 알아보고 어떤 기능들을 추가 구현하고 있는 지 상세히 살펴보도록 하겠습니다. 1. tinyMCE 에디터는 무엇인가? tinyMCE 에디터는 GPL로 공개된 오픈소스 소프트웨어로 온라인 리치 텍스트(위지윅) 에디터입니다. 보통 리치 텍스트 에디터는 게시판에 글을 작성하거나 폼 양식에 적용되어 많이 사용되고 있습니다. tinyMCE외에도 네이버 스마트에디터, CHeditor, CKEditor 등 다양한 위지윅 에디터들이 있습니다. 2. 왜 tinyMCE 에디터를 선택하였는가? 제가 tinyMCE 에디터를 알게 된 것은 안정적으로 게시물을 작성할 수 있는 에디터를 찾아 나서는 것이 시작이였습니다. 기존에 RB에디터 베타 버전을 사용하고 있었는 데 이미지가 안보이거나 게시물을 작성하던 도중 작성한 게시물 내용이 유실되는 일들이 있었습니다. 당연히 베타 버전이기에 충분히 일어날 수 있는 일이였습니다. 하지만 이러한 버그로 인해 장문의 게시물 컨텐츠를 작성할 수 없었고 이런 이유로 다른 에디터를 찾게 되었습니다. 제가 찾던 에디터의 조건은 아래와 같았습니다. 무료로 이용 가능한 에디터인가? 안정적으로 게시물 작성이 가능한가? 그누보드(리빌더)와 연동이 가능한가? 내 실력으로 추가적으로 기능을 구현해 나갈 수 있는가? tinyMCE 에디터는 GPL 라이센스를 채택하고 있는 오픈소스 에디터입니다. 일단 무료입니다. 안정적인지는 사실 처음에는 판단하기 어려웠습니다. 하지만 추가기능을 한번 구현해보면서 느낀 것 인데 확실히 안정적이라는 느낌을 받았습니다. 물론 제 개인 의견입니다. 그누보드(리빌더)와 연동은 생각보다 어렵지 않았습니다. 하지만 댓글 부분까지 에디터를 붙일때는 좀 어려움이 있었습니다. 지금 현재 이 홈페이지에 기능 적용은 되어있으나 버그가 있는지는 한번 살펴보아야 합니다. 추가 기능을 구현하면서 느끼기에 제 실력으로 제가 원하는 기능들 대부분을 구현해 나갈 수 있겠다 생각했습니다. 지금도 생각나는 기능들을 추가해 나가고 있습니다. 3. 어떤 추가기능들을 생각하고 있고 직접 구현한 기능들은 무엇이 있는가? 검토하거나 어느정도 구현된 기능들에 대한 내용은 아래와 같습니다. 번호 추가기능 내용 구현 및 진행내용 1 이미지 붙여넣기 시 서버에 자동업로드 구현완료 2 링크 메뉴 상에서 파일 업로드 기본 기능 구현은 완료되었으나 파일 확장자별로 추가 처리가 필요함 3 동영상 파일 업로드 및 플레이어 적용 구현완료 4 에디터 영역 드래그 앤 드롭으로 이미지, 동영상, 파일 업로드 하기 기본 기능 구현은 완료되었으나 파일 유형별로 추가 처리가 필요함 5 다른 게시물 태그 및 바로가기 UI 구현 미구현 6 게시물 작성 외 댓글(코멘트) 입력란에도 에디터 적용 구현완료 7 유튜브 링크로 영상 추가하기 구현완료 The Most Advanced WYSIWYG HTML Editor | TinyMCE The Most Advanced WYSIWYG HTML Editor | TinyMCEDownload TinyMCE for free, the most advanced WYSIWtiny.cloud

오준혁미니홈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

미니홈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

5일 전　 소프트웨어 개발　

우분투 22.04 APM 서버 설치하기 (APACHE2 / PHP8.4 / MariaDB)

카페24 가상서버 호스팅 서비스에서는 우분투 22.04 LTS OS가 제공됩니다. (26.01.01 기준) 우분투 22.04 LTS에서는 PHP 기본 버전이 PHP8.1 입니다. 하지만 저는 PHP8.4를 설치하였습니다. 한번 설치과정을 살펴보도록 하겠습니다. 1. 우분투 22.04 LTS 프로그램 최신버전 패치 패키지 목록 갱신 (root 계정으로 로그인이 되어있는 경우 sudo 생략가능합니다.) sudo apt update 프로그램 최신버전 패치 sudo apt upgrade 설치, 제거, 업데이트 과정중에 생긴 필요없는 파일이 있으면 제거 sudo apt autoremove 서버 재부팅 sudo reboot 2. Apache2 설치 운영체제 업데이트가 완료되었다면 이제 본격적으로 서버 설치를 해보겠습니다. Apache2, PHP8.4, MariaDB 순서로 설치를 진행하겠습니다. Apache2 설치 sudo apt install apache2 설치된 Apache2 버전 확인하기 sudo apache2 -v Apache2 모듈 활성화 sudo a2enmod rewrite sudo a2enmod headers sudo a2dismod -f autoindex Apache2 변경사항 적용 sudo service apache2 restart 기본 언어셋 변경 sudo nano /etc/apache2/conf-available/charset.conf 기본 언어값 UTF-8 설정에 주석처리가 되어있습니다. 주석(#)을 제거합니다. 추가 보안 설정 sudo nano /etc/apache2/conf-available/security.conf 위 그림을 참고하여 설정하면 됩니다. (주석제거 또는 내용 변경) 추가 보안 패치 (.git, .svn, .env 등 dot로 시작하는 파일 및 폴더 보호, Web Access가 되어서는 안될 파일들의 접근 제어) 서비스 운영중 의도치 않게 발생할 수 있는 보안 문제를 막는 코드입니다. sudo nano /etc/apache2/apache2.conf 파일 중간(대략 199번째 줄)에 있는 <FilesMatch “^\.ht”> 구문 다음에 추가합니다. # deny file, folder start with dot <DirectoryMatch "^\.|\/\."> Require all denied </DirectoryMatch> # deny (log file, binary, certificate, shell script, sql dump file) access. <FilesMatch "\.(?i:log|binary|pem|enc|crt|conf|cnf|config|sql|sh|key|yml|lock|bak|gitignore)$"> Require all denied </FilesMatch> # deny access. <FilesMatch "(?i:composer\.json|contributing\.md|license\.txt|readme\.rst|readme\.md|readme\.txt|copyright|artisan|gulpfile\.js|package\.json|phpunit\.xml|access_log|error_log|gruntfile\.js|bower\.json|changelog\.md|console|legalnotice|license|security\.md|privacy\.md)$"> Require all denied </FilesMatch> # Allow Lets Encrypt Domain Validation Program <DirectoryMatch "\.well-known/acme-challenge/"> Require all granted </DirectoryMatch> # Block .php file inside upload folder. uploads(wp), files(drupal), data(gnuboard). <DirectoryMatch "/(uploads|default/files|data|wp-content/themes)/"> <FilesMatch ".+\.php$"> Require all denied </FilesMatch> </DirectoryMatch> <DirectoryMatch "/(data/session)/"> Require all denied </DirectoryMatch> 변경사항 적용하기 sudo service apache2 restart 이 자료는 라엘님의 포스팅을 참고하여 재작성된 것 입니다. 해당 포스팅 링크는 아래와 같습니다. https://blog.lael.be/post/11072 Ubuntu 22.04 LTS 에서 웹서버(Apache + PHP + MySQL) 구성하기이 글을 통해Ubuntu 22.04 LTS 운영체제에서 APM 웹서버를 구축하는 방법에 blog.lael.be

오준혁미니홈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

미니홈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

10일 전　 소프트웨어 개발　

카페24 가상서버호스팅 상품 리뷰

기존에 물리적 서버를 구매하여 여러 서비스를 돌리고 있었습니다. 그런데 어느날 서버의 SSD가 나가버렸고.. 운영하고 있던 홈페이지나 기타 서버 서비스들이 모두 다운되고 날라가버렸습니다. 그래서 이번에 제 서버 외에도 다른 외부 호스팅 서비스를 한번 구매해서 사용해보기로 했습니다. 카페24의 가상서버 호스팅은 Rocky와 우분투 22.04 중 하나를 골라야 했습니다. 기존에 우분투 24.04 LTS로 서버를 운영하던 저는 좀 고민이 되는 부분이였습니다.

오준혁미니홈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

미니홈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물