![[우분투] 워드프레스 발송용 이메일 만들기](https://wp.marshallku.com/wp-content/uploads/2020/01/Screenshot-from-2020-01-19-23-17-49-400x266.png)
우분투에서 돌아가는 워드프레스에 발송용 메일 계정을 추가하는 방법입니다. 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이라 작성했습니다. 위 과정이 모두 끝나면...
![[자바스크립트] 구구단 문제](https://wp.marshallku.com/wp-content/uploads/2020/01/question-400x156.png)
자바스크립트 강의 볼만한 거 없나 싶어서 여기저기 기웃거리다 구구단 문제를 구현하는 강의가 있길래 재밌겠다 싶어서 만들어봤습니다. 한 5분 만에 써내려간 코드라 좀 허술합니다…HTML로 넘기기 귀찮아서 자바스크립트의 prompt()와 alert()를 이용했습니다만, 아주 못난 디자인이라 어지간하면 html로 넘기시는 걸 추천합니다.심지어 prompt()를 쓰다 보니 모바일에선 훨씬 문제 풀기 불리하더라고요. 도전해보기 const gugudan = () => { const user = { correct: 0, incorrect: 0, time: [] }; let max = 8; const problem = () => { let first, second;...
![[자바스크립트] 강력한 비밀번호 만들기](https://wp.marshallku.com/wp-content/uploads/2020/01/password-generator-400x400.png)
깃허브비밀번호 제작 페이지 무작위로 나열된 문자열을 제작하는 스크립트입니다.비밀번호나, 쿠폰 코드 등에 사용하실 수 있습니다. 전 주로 스킨 다운로드용 쿠폰을 발급할 때 사용합니다. 예전 블로그에 올린 스크립트에 이것저것 업데이트해봤습니다. 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" }...
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 })...
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">...
이미지 뷰어 이미지를 클릭했을 때 새 창에서 열리지 않고 현재 페이지에서 새로운 레이어 위에 이미지가 표시되도록 변경했습니다. 확대 / 축소가 새 창에서 열릴 때 훨씬 편해서 어떤 방식을 써야 할지 고민입니다. 비디오 포스트 추가 이 포스트에 임시로 적용해뒀습니다. 문자 그대로 비디오 중심의 포스트를 작성할 때 쓸 수 있는 양식입니다. [임시]인 이유는, 모바일 기기에서 렉 /...
예전에 작성했던 글자 적고 지우는 스크립트를 타이틀에 사용하는 방법입니다. 예전엔 무조건 글자를 적고 지우는 기능만 넣어뒀는데, 이번엔 글자를 단순히 적기만 하고 끝나는 기능과 지우는 애니메이션은 생략하고 적기만 하는 애니메이션 두 가지를 추가했습니다. 또한, 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 ? (...
꽤 오랜만에 쓰는 글이라, 생각나지 않는 게 아주 많은데, 최대한 기억을 떠올리며 기술해보려 합니다. 댓글 작성 방법 업데이트 나름 대규모 업데이트입니다.기존엔 댓글을 입력하거나 답글을 입력하려 하면 페이지를 통째로 다시 불러왔는데, 이젠 페이지 로딩 없이 댓글을 추가하고 답글을 입력할 수 있습니다.아직 댓글 수정은 업데이트하지 못했습니다. ㅠㅠ fetch()를 이용해 작업했고, 제 로컬 테스트 환경에서 일어날 경우 대부분은...
지난 6월 27일부터 지금(12월 27일)까지 딱 6개월째 됩니다.짧다면 짧은 기간인데, 시작부터 참 다사다난했던 터라 굉장히 길게 느껴지네요. 서버 사양CPU : Intel G5400Board : Gigabyte H310M DS2VRAM : 삼성 DDR4 8GB * 2HDD : Toshiba 2TB (이 시국 이전에 구매)Power : Zalman ZM350-FX 사이트 규모보다 훨씬 과분한 사양을 사용 중입니다. 왜 홈 서버인가 일단, 예전엔 티스토리...