배너 이미지

워드프레스 로그인 페이지 차단의 필요성

워드프레스 로그인 페이지 차단의 필요성

꽤 예전에 로그인 페이지를 특정 IP를 제외하곤 접근할 수 없도록 막는 작업을 했었는데, 집 밖에선 로그인이 까다롭단 이유로 다시 모든 IP에서 접근할 수 있도록 바꿔뒀습니다.최근 유독 /admin/login.asp에 접근을 시도하거나 xmlrpc.php에 post 요청을 보내는 로그가 많이 보여, 이게 과연 괜찮은 걸까 싶어 블랙리스트를 만들 목적으로 로그인 실패 시 제게 메일이 오게 작업해봤습니다. function loginFailed() { $ip...

윈도우에 우분투 설치하기 (WSL)

윈도우에 우분투 설치하기 (WSL)

Windows의 개발 환경은 예전부터 최악이란 평가가 많았지만, 작년 5월 WSL의 등장으로 옛말이 되었습니다.많이 불안정하고 느리단 평이 많아 설치를 꺼렸으나, 지난 12일에 WSL 2가 나오며 꽤 괜찮아졌단 평이 많길래 저도 설치해봤습니다. 물론 리눅스의 개발 환경이 최강인 이유 중 하나인 '그것밖에 할 게 없다'는 이유는 Windows가 앞으로 아무리 발전해도 도달할 수 없겠지만요. Windows 하위 시스템 활성화 윈도우...

[티스토리] 파일 업로드 구현하기

[티스토리] 파일 업로드 구현하기

참고 : 확인해보니 티스토리 Access Token의 유효 기간이 1시간밖에 되질 않습니다. 늘릴 방법은 없고요. 만약 이 방법을 사용하시려면 1시간마다 토큰을 갱신해야 합니다. 얼마 전 제 블로그에 구현한 댓글 이미지 첨부와 비슷한 기능을 티스토리 API로 구현하는 방법입니다. 시작하기 전 기본적으로 티스토리는 모든 댓글을 텍스트 취급하기 때문에, 이미지 링크 등을 찾아 이미지로 변환해주는 작업이 필요합니다.이 포스트를 참고하시면...

구구단 문제 리메이크 - React

구구단 문제 리메이크 - React

깃허브도전해보기 React랑 조금 친하게 지내보려고 예전에 만들어둔 것들을 React로 다시 짜보고 있습니다.로또 추첨기가 첫 번째, 구구단 문제가 두 번째, 다음으론 가사집을 생각하고 있습니다. 사용자가 종료하기 전까지 문제가 계속되고, 난도도 계속 상승하던 예전관 달리 난이도와 문제 수를 고를 수 있게 해뒀습니다.보통을 2 ~ 20, 어려움을 11 ~ 20, 아주 어려움을 11 ~ 30으로 해뒀다가, '보통'이란 난이도에서...

200614 블로그 제작일지

200614 블로그 제작일지

Animated GIF 업로드 이거 하나 때문에 작성하기 시작한 제작일지입니다.이제 Animated GIF(움짤)의 업로드도 지원합니다. 파일 목록은 주기적으로 확인하고, marshall-ku.com과 img.marshall-ku.com을 제외하고 어디서 파일을 요청하는지도 수시로 모니터링하고 있습니다.테스트용으로 올리신 건지 뭔진 모르겠지만, 가끔 괴상한 이미지(마이크로소프트 엣지 아이콘, 그림판으로 그린 것 같은 캐릭터 등)들이 올라오는데, 주기적으로 삭제하고 있습니다. Nginx Apache2에서 HTTP/2를 지원하려고 삽질 좀 하다, 성공하긴 했는데 Apache2는...

Apache2 서버를 Nginx로 교체하기

Apache2 서버를 Nginx로 교체하기

우분투 18.04에서 워드프레스 엔진을 교체하는 것을 기준으로 설명합니다.PHP를 사용하지 않으신다면 모듈 설치는 건너뛰시면 됩니다. 아래 과정을 따라 하시면 설치하는 중에 2~3초가량을 제외하곤 아무런 문제 없이 웹사이트에 접속할 수 있습니다. 참고로 워드프레스 등의 PHP를 사용하는 웹사이트를 운영하신다면, Nginx로 교체해도 성능이 체감될 만큼 향상되진 않습니다만, 개인적으로 관리가 Apache2보다 훨씬 편한 것 같습니다. 약간의 성능 차이도 있긴 하고요....

200526 블로그 제작일지

200526 블로그 제작일지

근 2개월 만에 적는 제작일지네요.확실히 잡다하게 하는 게 많아지니 블로그에 투자하는 시간이 확 줄어듭니다. Lazy Load 이제 이전 / 다음 글 썸네일, 카테고리 다음 글에도 지연 로드를 적용했습니다.4월 5일에 제작일지 적고 4월 6일에 업데이트한 거로 기억하는데, 이제야 제작일지에 쓰네요. 웹폰트 로딩 최적화 제 블로그엔 사이트 전반적으로 제주 고딕을 사용하고, 코드엔 둥근모꼴을, 원고엔 어비 찌풍딩체,총 3개의...

React로 로또번호 생성기 만들기

React로 로또번호 생성기 만들기

깃허브 약 9개월 전에 바닐라 자바스크립트로 만든 로또 추첨기를 리액트로 다시 제작해봤습니다. 손보는 김에 예전엔 모바일 기기에선 공을 세로로 일렬로 표시했으나, 이젠 3열로 표시하게 해뒀습니다.버리는 공간이 훨씬 적어진 느낌이라 마음에 드네요. 바닐라로 짤 땐 html에 .ball이란 div를 만들고, #button을 클릭하면 document.querySelectorAll(".ball")로 DOM에 접근해 내용을 바꾸는 방식으로 작업하는데, 리액트로 짜니 컴포넌트를 만들고, 버튼을 클릭하면 컴포넌트의 상태를...

Heroku로 디스코드 봇 호스팅하기

Heroku로 디스코드 봇 호스팅하기

Discord.js로 만든 봇을 Heroku에 호스팅하는 방법입니다.어떤 언어로 작성한 봇이건 호스팅 과정은 크게 다르지 않긴 합니다만, 세세한 부분은 다를 수 있으니 참고해주세요. 파일에 개별적인 접근이 불가능하단 치명적인 단점이 있긴 하지만, 아무래도 무료 호스팅에 많은 걸 바라긴 힘들지 싶네요.아이유 봇은 파일에 종종 개별적인 접근이 필요해 헤로쿠에 올리지 못하고 있습니다. 준비물 디스코드 계정 헤로쿠 계정 깃허브 계정 (선택)...

56789
카카오페이 qr코드 모바일이시라면 클릭