200105 블로그 제작일지

200105 블로그 제작일지

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

191228 블로그 제작일지

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

191216 움짤 갤러리 제작일지

비디오 제어 버튼 비디오 아래에 비디오를 일시 정지 / 재생하는 버튼과 소음(消音) / 해제하는 버튼을 추가했습니다.소리 토글 버튼은 비디오에 소리가 있을 때만 나타납니다. document.querySelector("video").addEventListener("click", function() {     if (typeof this.webkitAudioDecodedByteCount !== "undefined") {         if (this.webkitAudioDecodedByteCount > 0) {             console.log("소리 있는 비디오임")         }     }     else if (typeof this.mozHasAudio !== "undefined") {         if (this.mozHasAudio) {             console.log("소리 있는 비디오임")         }     } }) 위 코드를 사용해 비디오에 소리가 있는지 판단합니다.위 코드의 두 if 문에 걸리지 않으면 비디오에 소리가 있는지 없는지 판단할 수 없다는...
서브 블로그 개설 - 움짤 갤러리

서브 블로그 개설 - 움짤 갤러리

블로그 링크예전에 차지해둔 chaeyoung.tistory.com이란 도메인을 썼습니다. 블로그 두 개를 한 번에 운영해보는 건 처음이네요.vryjam이 서비스를 종료해버려서 대체재가 없나 찾다가 그냥 만들었습니다. 움짤 보거나 첨부할 때 vryjam처럼 태그가 있으면 편하겠다 싶어서 작업을 시작했는데, 태그 없이 움짤 찾는 것보다 움짤에 태그를 넣는 게 더 힘드네요. 인덱스 페이지엔 정말 단순히 움짤만 나열되도록 해뒀습니다.빠른 로딩을 위해 gif가 아닌 mp4로...
191214 블로그 제작일지

191214 블로그 제작일지

슬라이더 업데이트 슬라이더 업데이트로 이제 겉으로 보기엔 제 기준 완벽한 슬라이더에 가까워졌습니다. 내부적인 코드는 좀 개판이지 않나 싶지만요. 예전엔 슬라이더를 스와이프로 넘길 때, 100픽셀 이상 스와이프 하면 그냥 무조건 다음 / 이전 아이템으로 넘겼습니다. 100픽셀 이상 스와이프 하기 전엔 아무 일도 일어나지 않았고요.이젠 스와이프를 시작하자마자 슬라이더가 움직이기 시작합니다. 슬라이더에서 마우스를 떼거나 터치를 중단했을 때, x...
191205 블로그 제작일지

191205 블로그 제작일지

캐시 헤더 캐싱 초보의 비애에서도 정리했지만, 캐시 헤더를 올바르게 추가해서 캐시가 제대로 동작합니다. 과하게 잘 돼서 문제였죠. HTML엔 캐시 헤더가 들어가지 않도록 해뒀습니다. Cache-Control 보시면 HTML 파일엔 no-cache가 들어가 있는 걸 보실 수 있을 겁니다. 각종 최적화 이제 무작정 늘어놓기보단 최적화도 좀 하면서 일을 벌일까 생각 중입니다. 워드프레스는 각종 쿼리 덕에 사이트 편집이 쉽지만, 쿼리...
191125 블로그 제작일지

191125 블로그 제작일지

서버 서버에 간단한 것들을 자동화했습니다. 1. 한 달에 한 번 SSL 인증서(Let's Encrypt)의 갱신을 시도합니다.2. 매일 04시에 업데이트를 진행합니다.3. 매일 04시 30분에 서버 컴퓨터를 재부팅 합니다. php 모듈도 몇 개 추가로 설치했는데, 쓸 일이 있을진 모르겠네요… 포스트 리스트 썸네일 중심의 Masonry 리스트를 좀 수정했습니다. 상하 / 좌우 간격을 조금 줄이는 동시에, 기존엔 상하 / 좌우...
191115 블로그 제작일지

191115 블로그 제작일지

오랜만에 올리는 제작 일지네요.티스토리 스킨 제작하느라 제 블로그의 업데이트는 조금 소홀해졌습니다. 😥 이제 완성 단계에 접어들어서, 조만간 다시 열심히 업데이트할 수 있지 않을까 싶네요. 서버 관련 1. 워드프레스 버전을 5.3으로 올렸습니다.2. 제 로컬 환경이 아니면 로그인 페이지에 접근할 수 없도록 업데이트했습니다. 이제 저도 외부에서 블로그 관리 페이지에 접근하려면 집 컴퓨터에 원격 접속을 해야 합니다…3. 아무도...
191024 블로그 제작일지

191024 블로그 제작일지

사파리 업데이트 테스트용 아이폰이 생겨서 사파리 업데이트를 열심히 하는 중입니다.솔직히 브라우저가 너무 구려서 내다 버리고 싶은 마음은 굴뚝 같은데, IE보단 나으니 일단 참고 업데이트하는 중입니다. 근데 진짜 제대로 작동 안 하는 기능이 너무 많습니다…transform도 이상하게 작동하는 게 꽤 보이고, scroll-behavior는 작동을 하지도 않고, 그래디언트도 제대로 못 그리고…이게 브라우접니까 캐시 헤더 추가 귀찮아서 미루던 작업을 이제야...