전체 글 20

VSDC - 무료 영상 편집 프로그램 추천

작업을 하다 보니 동영상을 편집해야하는 일이 생겼다. 비용을 지불할 만큼 전문적으로 할 것도 아니고 기본적인 기능만 있으면 되서 처음에는 Shotcut이라는 오픈소스 프로그램을 사용했다. Shotcut 주소: https://shotcut.org/ Shotcut - Home Wide Format Support Supports hundreds of audio and video formats and codecs thanks to FFmpeg. No import required which means native editing, plus multi-format timelines, resolutions and frame-rates within a project. Frame accurate seeking suppor..

프로그램 2022.09.23

[PHP]페이스북 로그인 연동하기(curl 사용)

📢 이 게시글은 아래의 사양에서 테스트하였습니다. Server OS : Ubuntu 20.04.3 LTS WebServer : Apache 2.4 Backend : PHP 8.1 앱 생성 및 기본 설정 방법과 공식 PHP SDK를 사용하는 방법은 https://teserre.tistory.com/2를 참조해 주세요. 처음 페이스북 API를 사용할 때는 공식 SDK를 사용하여 작업을 했다. 그러다 PHP 8버전이 괜찮다고 하여 버전을 변경하였더니 업그레이드 되면서 PHP 기능의 일부가 삭제가 되어 오류가 출력되었다. 공식 github는 2018년을 마지막으로 커밋이 이루어지지 않았고 PHP 8을 지원할 생각이 없어보였다. 개발자 문서에서도 PHP SDK 링크가 올바르게 작동하지 않는 것을 보면 사실상 지원..

PHP/PHP 2022.02.23

[Apache]GeoIP 사용하여 해외 접속 차단하기(+로그에 국가 출력)

📢 이 게시글은 아래의 사양을 기준으로 작성되었습니다. Server OS : Ubuntu 20.04.3 LTS WebServer : Apache 2.4 목차 MaxMind 회원가입 액세스 키 생성 GeoIP Update 패키지 설치 apache 모듈 설치 모듈 적용하기 apache 로그에 국가 표시 개인용 또는 개발용 웹서버의 로그를 확인하면 이상한 주소로 접속을 한 기록이 많이 있다. 대부분이 해외 해커들이다. 오래된 버전의 웹서버를 사용하는 곳의 취약점을 노리는 것으로 하루에 몇번이고 공격을 시도한다. 해외에서 접속을 할 일이 없기에 완전히 차단을 하려면 IP로 구별을 해야하는데 일일이 해외IP를 구분해서 접속 금지 목록에 추가를 하는 것은 불가능한 일이다. 이럴 때 GeoIP를 사용하면 쉽게 접속자..

[PHP]PhpSpreadsheet 설치 및 사용법 정리

📢 이 게시글은 아래의 사양에서 테스트 및 작성되었습니다. Server OS : Ubuntu 20.04.3 LTS on WSL2 WebServer : Apache 2.4 Backend : PHP 8 ※ 현재 내용을 수정 및 추가 중인 글입니다. 시간이 될 때마다 작성하므로 완성이 되는 데 시간이 걸릴 수 있습니다. 목차 사전준비 설치 기본 사용법 이미지 추가 셀 스타일 변경 웹 서비스를 개발하다가 엑셀을 다뤄야 할 일이 생겨서 찾아보던 중에 PHPExcel이라는 것을 알게 되었다. 그런데 이미 오래 전에 지원이 종료되었다. 공식 문서에서도 PhpSpreadsheet로 변경할 것을 강력하게 권고하고 있다. 그러나 업무에서 사용하는 PHP의 버전이 낮다면 어쩔수 없이 PHPExcel을 사용해야 할 것이다. ..

PHP/라이브러리 2021.12.25

페이스북 앱 검수 후기

웹 서비스를 개발하다 페이스북 API를 사용하게 되었고 원하는 기능을 제대로 사용하려면 검수를 받아야 했다. 혹시나 해서 검수 후기를 찾아 보았는데 대부분이 검수 통과가 오래 걸린다거나 힘들다는 내용이었다. 그래서 내용이 부실한 공식 문서와 외국 블로그를 찾아가며 몇 번의 시도끝에 검수를 통과하였다. 혹시나 나중에 다시 검수를 받을 상황이 올 수도 있을 것이고 나와 비슷한 상황의 사람이 있을 것 같아서 후기를 남겨둔다. 앱 생성과 설정, 그리고 검수 신청서 작성방법 순으로 작성하였다. 1. 앱 타겟과 유형 검수 통과와 추후 사용을 위해 중요한 것이 앱 타겟과 유형이다. 이 설정을 잘못하면 앱 검수만 여러번 받아야 하는 상황이 발생한다. 이번에 검수하면서 필자가 경험했기에 매우 중요한 설정이라 생각한다. ..

잡담/기타 2021.12.22

[Ubuntu]zsh, oh-my-zsh 사용하여 터미널 꾸미기(powerlevel10k 테마)

📢 이 게시글은 아래의 사양에서 진행되었습니다. Server OS : Ubuntu 20.04.3 LTS on WSL2 SSH Client : MobaXterm v21.3 우분투를 처음 설치한 후 터미널을 실행하면 아주 투박한 bash가 반겨준다. 기능에 문제는 없지만 여러가지로 눈에 들어오는 디자인은 아니다. 물론 bash도 테마를 적용할 수 있지만 zsh가 bash를 포함하여 기능 개선이 이루어졌고 플러그인도 많이 지원하고 있다. 그래서 이 글에서는 zsh와 플러그인을 관리하는 oh-my-zsh를 설치하고 powerlevel10k 테마를 적용해 보았다. zsh 설치 및 기본 셸 변경 # zsh 설치 sudo apt install zsh # 터미널 기본 셸 변경 chsh -s $(which zsh) zs..

Ubuntu/기타 2021.11.27

[OpenSSL] error:1416F086 해결하기

OpenSSL을 업데이트 하기 전에는 잘 작동하던 PHPMailer나 curl이 업데이트 이후 에러를 출력하며 작동이 되지 않았다. 뭔가 꼬였다 생각하여 테스트 서버를 포맷 후 OpenSSL 업데이트를 먼저 하고 apache와 php를 설치했는데도 composer를 설치하려니 에러를 출력하며 진행이 되지 않았다. error:1416F086:SSL routines:tls_process_server_certificate:certificate verify failed in Command line code on line 1 해결방안을 검색해보니 대부분 SSL 인증을 끄고 self-sign을 허용하면 해결된다는 것이었다. 그러나 근본적인 해결책도 아니고 보안을 생각하면 좋지 않은 방법이다. 그러다 curl 홈페이..

Ubuntu/OpenSSL 2021.11.22

[OpenSSL] OpenSSL 업데이트(직접 빌드하여 적용)

OpenSSL은 https 서비스를 사용하기 위해 필요한 SSL 인증서를 무료로 발급하여 사용할 수 있는 오픈소스다. 통신에 사용되다 보니 주기적인 업데이트를 통하여 취약점을 막는 것이 중요하다. 2021년 8월에 새로운 취약점이 발견되었다는 소식이 공식 사이트에 올라왔다. 이를 KISA에서 번역하여 보안 공지에 올려두었다. 링크: https://www.krcert.or.kr/data/secNoticeView.do?bulletin_writing_sequence=36192 KISA 인터넷 보호나라&KrCERT KISA 인터넷 보호나라&KrCERT www.boho.or.kr 내용을 보면 서비스 거부(DoS) 및 정보 노출 취약점이 발견되었다고 한다. 이는 매우 심각한 취약점이므로 업데이트를 하는 것이 바람직..

Ubuntu/OpenSSL 2021.10.31

Windows10에 XAMPP 설치 & 사용하기 (Apache, MySql, PHP)

웹 서비스는 운영을 하던, 개발을 하던 웹 서버가 작동을 하고 있어야 사용이 가능하다. 그래서 테스트를 위해 웹 서버를 설치해야 하는데 개별적으로 설치하기는 귀찮다. 그래서 한번에 설치 및 관리를 할 수 있는 소프트웨어가 있다. 그게 바로 이번에 소개할 XAMPP다. XAMPP는 소규모 웹에서 자주 쓰이는 Apache 웹서버, MySql 데이터베이스(홈페이지는 MariaDB로 소개), PHP를 포함하고 있다. Perl도 포함하고 있지만 이 글에서는 다루지 않는다. XAMPP를 설치하기 위해 홈페이지(www.apachefriends.org/index.html)에 접속한다. 친절하게도 메인페이지에 다운로드 링크가 있다. 포함된 소프트웨어를 모두 최신 버전으로 사용하려면 XAMPP for Windows를 눌러..

개발도구/기타 2021.05.01

[react]리액트 sass-loader 설정시 prependData 오류

새로운 프로젝트 제작을 위해 리액트 서적을 구매하여 공부를 하는 중에 sass-loader 설정을 커스터마이징 하는 챕터에서 계속 prependData 항목이 없다며 에러를 출력했다. 오타 없이 제대로 입력했고 구글에 prependData라고 검색을 하니 제대로 리액트를 설명하는 다른 블로그도 보였다. 그래서 조금 찾아보니 이전에는 prependData가 data에서 변경이 되었다는 글을 확인하였다. 위 에러 화면을 보면 마지막 줄에 object의 내용을 보면 option 항목에 사용되는 프로퍼티를 알려주고 있다. 그리고 세번째를 보면 'additionalData'라고 되어있다. 이름에 Data가 들어가서 저걸로 변경을 해 보니 에러 없이 적용이 되었다. { test: sassRegex, exclude:..

JavaScript/React 2021.02.27