티스토리

테서르
검색하기

블로그 홈

테서르

teserre.tistory.com/m

좋은 개발자가 되기 위해 공부하는 블로그입니다.

구독자
1
방명록 방문하기
공지 공부하며 기록하는 블로그입니다. 모두보기
반응형

주요 글 목록

  • 무료 도메인 등록하기(내도메인.한국) 이전에 Freenom 이라는 무료 도메인 등록 사이트에 관한 글을 작성했었다. 해외 사이트라 속도가 느리긴 했지만 테스트용으로는 큰 문제가 없어서 사용했었다.https://teserre.tistory.com/3 무료 도메인 등록하기(Freenom)개인 서버를 운영하다보면 도메인의 필요성이 느껴진다. 개인 프로젝트를 할 때도 마찬가지다. 페이스북이나 카카오 같은 소셜 서비스의 로그인 API를 사용하기 위해서는 반드시 https를 적용해teserre.tistory.com  그러다 약간의 트래픽이 발생할 정도의 프로젝트가 있었는데 Freenom은 트래픽이 오르면 유료로 전환된다고 하여 다른 서비스를 찾던 중 국내에서 운영중인 내도메인.한국 서비스를 찾았다.https://내도메인.한국/ 내도메인.한국 - 한글 .. 공감수 1 댓글수 0 2024. 6. 21.
  • Ubuntu 설치 후 종료, 재부팅이 진행되지 않는 문제 📢 이 게시글은 아래의 환경에서 테스트하였습니다.OS : Ubuntu Desktop 20.04.6 LTS, Ubuntu Server 24.04 LTS 이전에 ubuntu를 설치하여 테스트 서버로 사용하던 노트북을 다시 사용하기 위해 ubuntu 24.04를 설치한 후 세팅을 하는 중 shutdown이나 reboot을 입력해도 종료 중 멈추는 현상이 발생했다. shutdown을 입력했을 경우 Powering off. 라는 문구가, reboot을 입력했을 경우에는 Rebooting. 문구가 출력되고 더 진행이 되지 않았다. 최신 버전이라 구형 하드웨어를 지원하지 않아서 발생하는 문제인가 20.04 버전도 설치해 보았지만 동일한 증상이 발생하였다. 20.04는 이전에 설치해서 문제없이 사용했었던 버전이라 u.. 공감수 1 댓글수 0 2024. 5. 26.
  • 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.. 공감수 1 댓글수 0 2022. 9. 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 링크가 올바르게 작동하지 않는 것을 보면 사실상 지원.. 공감수 2 댓글수 0 2022. 2. 23.
  • [Apache]GeoIP 사용하여 해외 접속 차단하기(+로그에 국가 출력) 📢 이 게시글은 아래의 사양을 기준으로 작성되었습니다. Server OS : Ubuntu 20.04.3 LTS WebServer : Apache 2.4 목차 MaxMind 회원가입 액세스 키 생성 GeoIP Update 패키지 설치 apache 모듈 설치 모듈 적용하기 apache 로그에 국가 표시 개인용 또는 개발용 웹서버의 로그를 확인하면 이상한 주소로 접속을 한 기록이 많이 있다. 대부분이 해외 해커들이다. 오래된 버전의 웹서버를 사용하는 곳의 취약점을 노리는 것으로 하루에 몇번이고 공격을 시도한다. 해외에서 접속을 할 일이 없기에 완전히 차단을 하려면 IP로 구별을 해야하는데 일일이 해외IP를 구분해서 접속 금지 목록에 추가를 하는 것은 불가능한 일이다. 이럴 때 GeoIP를 사용하면 쉽게 접속자.. 공감수 0 댓글수 0 2022. 1. 20.
  • [PHP]PhpSpreadsheet 설치 및 사용법 정리 📢 이 게시글은 아래의 사양에서 테스트 및 작성되었습니다. Server OS : Ubuntu 20.04.3 LTS on WSL2 WebServer : Apache 2.4 Backend : PHP 8 ※ 현재 내용을 수정 및 추가 중인 글입니다. 시간이 될 때마다 작성하므로 완성이 되는 데 시간이 걸릴 수 있습니다. 목차 사전준비 설치 기본 사용법 이미지 추가 셀 스타일 변경 웹 서비스를 개발하다가 엑셀을 다뤄야 할 일이 생겨서 찾아보던 중에 PHPExcel이라는 것을 알게 되었다. 그런데 이미 오래 전에 지원이 종료되었다. 공식 문서에서도 PhpSpreadsheet로 변경할 것을 강력하게 권고하고 있다. 그러나 업무에서 사용하는 PHP의 버전이 낮다면 어쩔수 없이 PHPExcel을 사용해야 할 것이다. .. 공감수 2 댓글수 0 2021. 12. 25.
  • 페이스북 앱 검수 후기 웹 서비스를 개발하다 페이스북 API를 사용하게 되었고 원하는 기능을 제대로 사용하려면 검수를 받아야 했다. 혹시나 해서 검수 후기를 찾아 보았는데 대부분이 검수 통과가 오래 걸린다거나 힘들다는 내용이었다. 그래서 내용이 부실한 공식 문서와 외국 블로그를 찾아가며 몇 번의 시도끝에 검수를 통과하였다. 혹시나 나중에 다시 검수를 받을 상황이 올 수도 있을 것이고 나와 비슷한 상황의 사람이 있을 것 같아서 후기를 남겨둔다. 앱 생성과 설정, 그리고 검수 신청서 작성방법 순으로 작성하였다. 1. 앱 타겟과 유형 검수 통과와 추후 사용을 위해 중요한 것이 앱 타겟과 유형이다. 이 설정을 잘못하면 앱 검수만 여러번 받아야 하는 상황이 발생한다. 이번에 검수하면서 필자가 경험했기에 매우 중요한 설정이라 생각한다. .. 공감수 3 댓글수 28 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.. 공감수 6 댓글수 1 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 홈페이.. 공감수 0 댓글수 1 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) 및 정보 노출 취약점이 발견되었다고 한다. 이는 매우 심각한 취약점이므로 업데이트를 하는 것이 바람직.. 공감수 1 댓글수 0 2021. 10. 31.
  • Windows10에 XAMPP 설치 & 사용하기 (Apache, MySql, PHP) 웹 서비스는 운영을 하던, 개발을 하던 웹 서버가 작동을 하고 있어야 사용이 가능하다. 그래서 테스트를 위해 웹 서버를 설치해야 하는데 개별적으로 설치하기는 귀찮다. 그래서 한번에 설치 및 관리를 할 수 있는 소프트웨어가 있다. 그게 바로 이번에 소개할 XAMPP다. XAMPP는 소규모 웹에서 자주 쓰이는 Apache 웹서버, MySql 데이터베이스(홈페이지는 MariaDB로 소개), PHP를 포함하고 있다. Perl도 포함하고 있지만 이 글에서는 다루지 않는다. XAMPP를 설치하기 위해 홈페이지(www.apachefriends.org/index.html)에 접속한다. 친절하게도 메인페이지에 다운로드 링크가 있다. 포함된 소프트웨어를 모두 최신 버전으로 사용하려면 XAMPP for Windows를 눌러.. 공감수 10 댓글수 5 2021. 5. 1.
  • [react]리액트 sass-loader 설정시 prependData 오류 새로운 프로젝트 제작을 위해 리액트 서적을 구매하여 공부를 하는 중에 sass-loader 설정을 커스터마이징 하는 챕터에서 계속 prependData 항목이 없다며 에러를 출력했다. 오타 없이 제대로 입력했고 구글에 prependData라고 검색을 하니 제대로 리액트를 설명하는 다른 블로그도 보였다. 그래서 조금 찾아보니 이전에는 prependData가 data에서 변경이 되었다는 글을 확인하였다. 위 에러 화면을 보면 마지막 줄에 object의 내용을 보면 option 항목에 사용되는 프로퍼티를 알려주고 있다. 그리고 세번째를 보면 'additionalData'라고 되어있다. 이름에 Data가 들어가서 저걸로 변경을 해 보니 에러 없이 적용이 되었다. { test: sassRegex, exclude:.. 공감수 0 댓글수 0 2021. 2. 27.
  • 엘가토(elgato) HD60S+ 리뷰 및 OBS 설정 작년에 갑자기 캡쳐보드가 사고 싶은 마음이 생겼다. 그래서 이리저리 조사를 해 보았다. 여러 브랜드가 있었지만 무난하게 사용할 수 있는 것으로 찾아보니 에버미디어의 Live Gamer Extreme2와 엘가토의 HD60S+로 선택폭이 줄어들었다. 가격 면에서는 에버미디어 쪽이 좋았지만 엘가토의 디자인이 마음에 들어서 가격이 조금 비싸지만 엘가토를 구매하였다. USB로 데이터 전송과 전원 공급을 하기 때문에 별도의 전원이 필요하지 않다. 캡쳐보드의 IN 측면에 USB C타입과 녹화를 할 기기의 HDMI를 연결하면 끝이다. 그리고 USB는 반드시 3.0버전 이상을 사용해야 한다. 필자의 메인보드에 C type USB가 하나 있어서 거기에 연결하려고 C to C를 하나 샀는데 2.0은 작동을 하지 않는다며 오.. 공감수 3 댓글수 0 2021. 2. 24.
  • Visual Studio Code 추천 확장(extension) 플러그인 🔔 이 게시글은 HTML, JavaScript, PHP, React 관련 플러그인에 관해서만 정리되어 있습니다. Visual Studio Code(vs code)는 마이크로 소프트에서 개발한 문서 편집기로 웹 개발에 주로 사용된다. 초기에는 Atom이나 Sublime Text에 비하면 여러가지로 부족했지만 업데이트를 반복하면서 확장(extension) 플러그인 생태계가 커지면서 인기 있는 텍스트 에디터가 되었다. 덕분에 웹 프로젝트를 진행할 때 많이 사용되는 도구가 되었다. 설치 초기에는 기능이 너무나 담백해서 개발을 하는 데 많은 불편함이 느껴진다. 그래서 많은 사람들이 쓰고 있고 필자도 쓰면서 편리함을 느낀 확장 플러그인을 소개하고자 한다. 1. Auto Rename Tag html을 작성할 때 태그.. 공감수 28 댓글수 4 2021. 2. 22.
  • [PHP] php 세션(Session) 사용하기 목차 세션 시작 세션 변수 사용 세션 변수 해제 세션 변수 등록 확인 세션 id 변경 세션 종료 추가 1. 세션 유지시간 추가 2. 추가 보안설정 세션(Session)은 모든 정보가 사용자 측의 컴퓨터에 저장되는 쿠키와는 달리 웹 서버에 정보를 저장하고 사용자 측에는 접근할 수 있는 키 값을 저장한다. 웹 서버에 데이터가 저장되고 필요할 때마다 브라우저에서 키 값으로 서버에 요청을 한다. 그리고 브라우저를 종료하는 시점에서 세션이 삭제가 되도록 설정이 가능해서 쿠키에만 데이터를 저장하는 것보다는 보안성이 높다. 사용하는 법도 쉽기 때문에 로그인과 같은 인증 처리에 많이 사용이 된다. 1. 세션 시작하기 공감수 8 댓글수 4 2021. 2. 22.
  • [JavaScript]바닐라 JS로 ajax 사용하기(XMLHttpRequest) 현재 가지고 있는 자바스크립트 책들이 jquery를 사용하는 것을 기준으로 설명이 되어 있어서 $.ajax 함수만 설명이 되어 있다. 공부를 겸해서 바닐라 JS로만 프로젝트를 작성하는 연습을 하고 있기에 조금 찾아 보았다. 자바스크립트에는 XMLHttpRequest라는 API가 있다. XML이라는 이름 처럼 원래는 XML을 전송하는 목적이었지만 json이나 일반적인 텍스트는 물론 파일까지도 전송이 가능하다. ajax라는 이름도 비동기 자바스크립트와 XML(Asynchronous JavaScript And XML)다. ajax를 통해 웹사이트와 서버간에 비동기적으로 통신이 가능하다. 페이지 새로고침이나 변경 없이 통신이 가능하다는 것이다. 몇년 전부터 계속 화두가 되고 있는 싱글 페이지 애플리케이션(Sin.. 공감수 4 댓글수 3 2021. 2. 10.
  • 페이스북 그래프 API 탐색기 사용하기(페이스북 계정의 게시글, 댓글 확인) 페이스북에서는 사용자들이 쉽게 자신이 올린 글이나 댓글, 또는 관리하고 있는 페이지와 관련된 정보를 얻을 수 있도록 그래프 API를 제공하고 있다. 그래프 API를 브라우저에서 쉽게 활용할 수 있도록 도와주는 것이 그래프 API 탐색기다. 직접 코드를 짜는 것보다 편리하며 결과물이 마음이 든다면 해당 코드를 받을 수도 있다. 서비스에 적용하기 전에 원하는 정보가 나오는지 확인하기 위해서는 그래프API 탐색기를 사용하는 것이 편하다. 그래프 API 탐색기를 사용하려면 페이스북 개발자 계정과 페이스북 앱이 필요하다. 개발자 계정은 https://developers.facebook.com에서 로그인을 하여 등록을 할 수 있다. 페이스북 앱을 만드는 방법은 https://teserre.tistory.com/2에.. 공감수 3 댓글수 0 2021. 2. 9.
  • [Ubuntu]apache 서버로 webdav 적용하기 webdav는 http를 확장하여 문서나 파일의 관리를 쉽게 하기 위해 만들어진 프로토콜이다. 그렇기에 http 포트로 서버에 접근을 한다. 물론 https도 가능하다. 필자가 사용하고 있는 개인 서버에도 webdav를 적용하기 위해 여러 글을 찾아봤는데 계속 적용이 되지 않아서 며칠동안 시도를 하다가 겨우 성공을 했다. 혹시 비슷한 상황이거나 새로 적용하려는 사람들에게 도움이 되고자 적용 방법을 정리해 보았다. 서버 환경 : Ubuntu 20.04 LTS, Apache2 (version 2.4.41) webdav를 사용하기 위해서는 apache2와 관련 모드가 포함되어 있는 apache2-utils를 설치해야 한다. sudo apt install apache2 apache2-utils 설치가 되었으면 .. 공감수 6 댓글수 14 2021. 2. 2.
  • [Ubuntu]Let's Encrypt 무료 SSL 인증서로 HTTPS 적용하기( + Apache) 페이스북, 카카오 같이 소셜 서비스를 운영하는 업체들은 API를 제공하고 있다. 이 API를 사용하고자 하는 사이트가 HTTPS가 적용이 되어 있어야 기능을 제공한다. Let's Encrypt는 무료로 SSL 인증서를 발급하여 HTTPS를 사용할 수 있게 해주는 고마운 인증 기관이다. 적용을 하는 것도 매우 간단하다. 여러 방법이 있지만 이 글에서는 인증서를 발급하는 certbot 패키지를 활용하여 간편하게 등록하는 방법으로 진행하였다. 참고로 ubuntu 20.04, Apache 환경을 기준으로 한다. [사전 준비] https를 적용하기 위해서는 등록된 도메인이 필요하다. 사용하고 있는 도메인이 있으면 본문으로 넘어가면 되고, 없으면 도메인을 등록해야 한다. 도메인도 마찬가지로 유료와 무료 등록이 있다.. 공감수 1 댓글수 0 2021. 1. 29.
  • [PHP]페이스북 로그인 API 연동하기(공식 SDK 사용) PHP 8.0 이상을 사용하시는 분들은 curl을 사용하셔야 합니다. 8.0은 사용이 가능하지만 최신 SDK를 사용할 수 없고, 8.1부터는 제외된 기능때문에 사용이 불가능합니다. 해당하시는 분들은 https://teserre.tistory.com/21를 참조해 주세요. 페이스북이 제공하는 다양한 API를 사용하기 위해서는 기본적으로 페이스북 로그인 API를 사용하여야 한다. Javascript로도 구현이 가능하지만 보안이나 세션 등의 이유로 PHP와 Facebook PHP SDK로 연동하는 방법을 정리를 해 보았다. 참고로 필자의 서버 환경은 ubuntu 18.04LTS, Apache를 사용하고 있다. ※ 연동 전 필수 작업 페이스북 뿐만이 아니라 다른 모든 SNS 로그인 API를 사용하기 위해서는 웹.. 공감수 3 댓글수 19 2021. 1. 29.
  • 우분투 vi 명령어 학교에서 우분투를 배울 때 GUI버전을 설치해서 gedit을 사용했었다. GUI가 익숙했기에 CLI는 낯설고 사용하기 불편했다. 그러다 vi로 작업하는 일이 조금씩 생기면서 오히려 vi가 더 편해졌다. vi는 명령어를 통해 작동한다. 그리고 아직 완전히 익숙해진 게 아니라서 간혹 헷갈리는 경우가 있다. 그래서 다시 볼 겸 자주 쓰는 명령어를 정리해 보았다. 1. 현재 커서의 위치에 문자 추가하기 - i i는 현재 커서의 위치에 문자를 입력할 수 있는 입력 모드로 진입하는 명령어다. 입력 모드를 종료하고 명령 모드로 바꾸고 싶으면 Esc를 누르면 된다. 2. 현재 커서의 위치 뒤에 문자 입력하기 - a i와 같이 입력모드로입력 모드로 진입하는 명령어다. 차이점은 커서가 한 칸 뒤로 이동한 후에 입력 모드로.. 공감수 1 댓글수 0 2021. 1. 29.
  • 무료 도메인 등록하기(Freenom) 개인 서버를 운영하다보면 도메인의 필요성이 느껴진다. 개인 프로젝트를 할 때도 마찬가지다. 페이스북이나 카카오 같은 소셜 서비스의 로그인 API를 사용하기 위해서는 반드시 https를 적용해야 하는데, 이때 반드시 서버 주소가 DNS에 등록이 되어 있어야 한다. 기업이면 .com 같은 주소를 구매하면 되지만 개인이 지불하기에는 부담스러운 것은 사실이다.그렇기에 무료로 도메인을 등록해주는 서비스들이 있는데, 그 중 꽤나 예전부터 사용된 freenom 이라는 사이트를 소개하고자 한다.이 사이트는 무료 도메인을 제공하는데 일반적인 도메인이 아닌 .cf나 .ga 같은 잘 사용하지 않는 도메인을 제공한다.그래도 연습이나 테스트 서버 용으로 쓰기엔 충분하다. 찾다보니 도메인 사용량이 높아지면 갑자기 freenom에.. 공감수 2 댓글수 0 2021. 1. 29.
    반응형
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.