제작일지 태그 글

Node.js 크롤러 제작 후기

Node.js 크롤러 제작 후기

개인적으로 배경화면을 굉장히 자주 바꾸는 편인데, 자주 가는 배경화면 줍는 블로그가 역병 때문에 문을 잠깐 닫았던 터라 요즘 여기저기 돌아다니며 배경화면거리를 찾고 있었습니다.헌데 배경화면을 다루는 사이트 대부분이 접근성이 굉장히 떨어지더라고요. 한 포스트에 한 장의 사진만 올리거나, 80장의 사진을 한 포스트에 쓰는데 그 포스트를 다시 여러 페이지로 쪼개서 한 페이지에 두 장씩 보여준다거나 하는 식으로요.참고 참으며

제작일지
200405 블로그 제작일지

200405 블로그 제작일지

Make Website Faster 더욱 빠른 웹사이트를 구축하는 방법을 찾아가는 중입니다. 확실히 알게 된 건, 역시 돈이 최고입니다.서버 여러 대 구축해서 할 일을 분산시키니 훨씬 빨라지네요. 캐시 서버 추가 예전에도 언급했지만, 제 서버는 HDD를 사용합니다.서버 특성상 읽기 / 쓰기가 굉장히 자주 일어나 언제 데이터가 날아갈지 몰라 HDD로 구성했는데, 물리적인 한계로 아무래도 방문자가 몰리면 몰릴수록 많이 느려집니다.

워드프레스캐시 서버제작일지
워드프레스 5.4 업데이트

워드프레스 5.4 업데이트

평소와 다름없이 관리 페이지에 들어왔는데 업데이트 알림이 있어 확인해보니 5.4 업데이트가 진행되었습니다. 나오자마자 업데이트해서 그런지 아직 번역이 안 된 부분도 있네요.이전 버전부터 있던 기능인데 왜 번역이 안 된 건지 모르겠습니다… 이제 알림판에서 사이트 건강 상태를 확인할 수 있습니다. 저 페이지 눌러본 게 php 메모리 제한 늘리고 제대로 적용됐나 확인하려 누른 게 거의 마지막이긴 하지만, 텅

워드프레스제작일지
prefetch를 통한 사용자 경험 향상

prefetch를 통한 사용자 경험 향상

2020년에 그래도 웹 개발에 발가락 정도 걸쳐두고 쓰는 블로근데, PHP를 쓰는 워드프레스를 쓰는 건 영 아닌 것 같아 이런저런 cms 둘러보며 이사를 고민하고 있었습니다. 블로그엔 댓글이 반드시 지원돼야 한다고 생각하는데, nodejs 등을 사용하는 cms 대부분이 댓글은 disqus등의 서비스를 사용하도록 해둬서 마음을 접던 와중에, Gatsby.js가 제공하는 괜찮은 기능을 하나 발견했습니다. 다른 포스트로 가는 링크에 마우스를 올리면

TTFBprefetch제작일지
TTFB 대폭 단축 성공!

TTFB 대폭 단축 성공!

글을 시작하기 전에 TTFB(Time To First Byte)에 대해 짧게 설명하자면, 서버에 HTTP 요청을 보내고 브라우저가 첫 정보를 수신하기까지 걸리는 시간을 의미합니다. 위 그림에 표시된 것처럼클라이언트가 요청을 보내는 데 걸린 시간 + 서버가 그 요청을 처리한 시간 + 서버가 응답한 시간이 셋을 합한 시간이 TTFB입니다. 지금까지 저 세 단계 중 "처리 시간"을 좀먹던 녀석입니다.어느 부분이 시간을

워드프레스TTFB제작일지
구조화된 데이터 추가

구조화된 데이터 추가

신경을 끄고 살다 검색 엔진에 블로그가 어떻게 노출되는지 확인해보니, 분명 티스토리 쓸 땐 본문에 첨부한 이미지도 검색 결과에 표시되고 그랬는데 블로그를 옮긴 후로는 그런 게 싹 사라졌더라고요.원인을 찾다 보니 구조화된 데이터(Structured Data)가 빠져서 그런 거였습니다. SEO 최적화 플러그인만 설치하면 끝날 문제긴 하나, 외부 플러그인 사용의 최소화란 똥고집 때문에 구조화된 데이터를 직접 만들어가는 중입니다. 새삼스럽게 정말

제작일지
캐싱 초보의 비애

캐싱 초보의 비애

10월 24일에 적은 제작일지에서 캐시 헤더를 추가했다고 적었는데, 일단 거기서부터 틀렸습니다. 제일 먼저 .htaccess를 수정해 코드를 작성했습니다. 제가 어드민이라 conf 파일을 수정할 수 있음에도요. 더 큰 문제는 서버에 캐시 헤더를 추가하기 위한 모듈이 설치되어 있었지만 저는 그 모듈을 활성화하지 않고 모듈이 활성화돼있으면 캐시 헤더를 설정하는 코드만 추가해뒀고, 당연히 캐싱은 제대로 작동하고 있지 않았습니다. 그제 그

제작일지
Lazy Load 업데이트

Lazy Load 업데이트

(스크롤바에 집중해서 보시면 확인이 더 쉽습니다.) 개인적으로 마음에 들진 않는 기능이라 업데이트를 꺼리고 있었는데, 주변에 lazy load가 뭔지 설명하고 어떠냐 물어보니 전부 호평이더라고요.사실 서버 부하도 줄일 수 있고 로딩 속도의 향상도 가능해서 나름 괜찮은 스크립트인 건 맞으니, 한 번 시험 삼아 업데이트해봤습니다. 이미지 로딩을 시작하는 타이밍을 조금 앞당기니 그리 거슬리는 수준은 아니네요. 스크롤바나 스크롤 인디케이터가

워드프레스제작일지
새로운 로고 제작

새로운 로고 제작

예전에 사용하던 로고는 티스토리에 있을 때 티스토리 로고 따라서 대충 만든 거라, 바꾸고 싶은 욕구가 계속 생기더라고요. 동생이 그림 잘 그려서 동생한테 부탁도 해보고, 이것저것 혼자서 그려도 보다가 오늘 하나 건졌네요. 제 그림 동생이 보고 적당히 작업해준 거 제가 포토샵으로 다시 다듬어서 완성했습니다.쌩 아마추어 둘이서 만든 거라 확대해보면 표면이 좀 우둘투둘하기도 하고 여러모로 투박하지만, 꽤

로고제작일지