배너 이미지

개발

[우분투] 워드프레스 발송용 이메일 만들기

[우분투] 워드프레스 발송용 이메일 만들기

우분투에서 돌아가는 워드프레스에 발송용 메일 계정을 추가하는 방법입니다. postfix 설치 sudo apt-get update && sudo apt-get install postfix 업데이트를 진행한 후 postfix를 설치합니다. 설치 도중에 설정 창이 뜹니다. Internet Site를 선택해주세요. System mail name을 입력하라고 나옵니다.위 설명에 적혀있지만 root@example.com이 발신자 메일이라 치면, example.com을 입력하시면 됩니다. 전 no-reply@marshallku.com을 이용할 예정이기에, marshallku.com이라 작성했습니다. 위 과정이 모두 끝나면...
[자바스크립트] 구구단 문제

[자바스크립트] 구구단 문제

자바스크립트 강의 볼만한 거 없나 싶어서 여기저기 기웃거리다 구구단 문제를 구현하는 강의가 있길래 재밌겠다 싶어서 만들어봤습니다. 한 5분 만에 써내려간 코드라 좀 허술합니다…HTML로 넘기기 귀찮아서 자바스크립트의 prompt()와 alert()를 이용했습니다만, 아주 못난 디자인이라 어지간하면 html로 넘기시는 걸 추천합니다.심지어 prompt()를 쓰다 보니 모바일에선 훨씬 문제 풀기 불리하더라고요. 도전해보기 const gugudan = () => {     const user = {         correct: 0,         incorrect: 0,         time: []     };     let max = 8;     const problem = () => {         let first, second;...
[자바스크립트] 강력한 비밀번호 만들기

[자바스크립트] 강력한 비밀번호 만들기

깃허브비밀번호 제작 페이지 무작위로 나열된 문자열을 제작하는 스크립트입니다.비밀번호나, 쿠폰 코드 등에 사용하실 수 있습니다. 전 주로 스킨 다운로드용 쿠폰을 발급할 때 사용합니다. 예전 블로그에 올린 스크립트에 이것저것 업데이트해봤습니다. let setting = {     "number": true,     "symbol": false,     "capital": true,     "small": true,     "removeSimilar": false,     "autoCopy": true,     "length": 20 }; const pwoutput = document.getElementById("password"); let chars; function init() {     const storage = localStorage.getItem("pw-setting");     storage && (         setting = JSON.parse(storage)     ),     [...document.querySelectorAll("input[type=checkbox]")].forEach(input => {         input.checked = setting[input.id]     }),     document.getElementById("pwlength").value = setting.length,     updateChars() } function createChars() {     let tmp = "";     if (setting.number) {         tmp = tmp + "0123456789"     }...
Form의 데이터 전달하기

Form의 데이터 전달하기

xhr(XMLHttpRequest) 혹은 fetch 등으로 데이터를 보낼(POST) 때, 쓰는 스크립트입니다. input[type="submit"]을 클릭했을 때와 같은 동작을 하는 버튼을 만들 때 쓰신다고 생각하시면 편합니다. function serialize(form) {     const serialized = new FormData();     for (let i = 0, length = form.elements.length; i < length; i++) {         const field = form.elements[i];                  if (field.name && !field.disabled && "file" !== field.type && "reset" !== field.type && "submit" !== field.type && "button" !== field.type) {             if ("select-multiple" === field.type) {                 for (let n = 0; n < field.options.length; n++)                     field.options[n].selected && serialized.append(field.name, field.options[n].value);             }             else {                 ("checkbox" !== field.type && "radio" !== field.type || field.checked) && serialized.append(field.name, field.value)             }         }              }     return serialized; } 위 함수를 추가한 뒤 * jQuery엔 .serialize()란 함수가 있습니다. 참고 const myForm = document.getElementById("myForm"); const data = serialize(myForm); fetch(myForm.action, {   method: "POST",   body: data })...
디씨에 vlive 링크 넣기

디씨에 vlive 링크 넣기

V LIVE - 소이 브이앱이라 부르는 - 의 비디오 링크 구조는https://vlive.tv/video/(비디오 ID)이런 형식입니다. 디씨인사이드에선 video가 금칙어라, 위 링크를 첨부하면 https://vlive.tv//(비디오 ID)만 남게 됩니다.결과적으론 없는 링크가 되는 거죠. 그래서 vlive.gq란 무료 도메인을 받아, video란 단어 없는 링크를 첨부하면 V LIVE로 리다이렉트되는 사이트를 만들었습니다.https://vlive.gq/(비디오 ID)를 입력하면 https://vlive.tv/video/(비디오 ID)로 접속합니다. 예시) https://www.vlive.tv/video/5204 => https://vlive.gq/5204 <!doctype html> <html lang="ko">...
200105 블로그 제작일지

200105 블로그 제작일지

이미지 뷰어 이미지를 클릭했을 때 새 창에서 열리지 않고 현재 페이지에서 새로운 레이어 위에 이미지가 표시되도록 변경했습니다. 확대 / 축소가 새 창에서 열릴 때 훨씬 편해서 어떤 방식을 써야 할지 고민입니다. 비디오 포스트 추가 이 포스트에 임시로 적용해뒀습니다. 문자 그대로 비디오 중심의 포스트를 작성할 때 쓸 수 있는 양식입니다. [임시]인 이유는, 모바일 기기에서 렉 /...
웹사이트 제목에 효과 주기

웹사이트 제목에 효과 주기

예전에 작성했던 글자 적고 지우는 스크립트를 타이틀에 사용하는 방법입니다. 예전엔 무조건 글자를 적고 지우는 기능만 넣어뒀는데, 이번엔 글자를 단순히 적기만 하고 끝나는 기능과 지우는 애니메이션은 생략하고 적기만 하는 애니메이션 두 가지를 추가했습니다. 또한, Array뿐 아니라 String도 사용할 수 있도록 업데이트했습니다. function typeTitle(title, animation, speed) {   const isString = typeof(title) === "string";   let i = 0, j = 0;   speed === undefined && (     speed = 500   ),   function txtnum() {     j == textArray.length - 1     ? j = 0     : j++   }   function type() {     const max = isString ? title.length : title[j].length;     i <= max     ? (...
191228 블로그 제작일지

191228 블로그 제작일지

꽤 오랜만에 쓰는 글이라, 생각나지 않는 게 아주 많은데, 최대한 기억을 떠올리며 기술해보려 합니다. 댓글 작성 방법 업데이트 나름 대규모 업데이트입니다.기존엔 댓글을 입력하거나 답글을 입력하려 하면 페이지를 통째로 다시 불러왔는데, 이젠 페이지 로딩 없이 댓글을 추가하고 답글을 입력할 수 있습니다.아직 댓글 수정은 업데이트하지 못했습니다. ㅠㅠ fetch()를 이용해 작업했고, 제 로컬 테스트 환경에서 일어날 경우 대부분은...
반 년간 홈서버 가동한 후기

반 년간 홈서버 가동한 후기

지난 6월 27일부터 지금(12월 27일)까지 딱 6개월째 됩니다.짧다면 짧은 기간인데, 시작부터 참 다사다난했던 터라 굉장히 길게 느껴지네요. 서버 사양CPU : Intel G5400Board : Gigabyte H310M DS2VRAM : 삼성 DDR4 8GB * 2HDD : Toshiba 2TB (이 시국 이전에 구매)Power : Zalman ZM350-FX 사이트 규모보다 훨씬 과분한 사양을 사용 중입니다. 왜 홈 서버인가 일단, 예전엔 티스토리...
1011121314