배너 이미지

제작일지 태그 글

Node.js 크롤러 제작 후기

Node.js 크롤러 제작 후기

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

200428 아이유 봇 제작일지

200428 아이유 봇 제작일지

오랜만에 4박 5일로 서울에 다녀왔는데, 짬날 때마다 업데이트했습니다.KTX 안에서 특히 시간이 많이 나더라고요. 타이머 타이머 기능을 추가했습니다.봇 업데이트를 위해 가동을 멈췄다 다시 시작할 때가 많아, 3시간 이상은 설정하지 못하게 해뒀습니다. 시간, 분, 초 단위를 사용할 수 있습니다.물론 "1시간 1분" 처럼 조합해 사용할 수도 있습니다. 제비뽑기 있으면 재밌겠다 싶어 만든 제비뽑기입니다.사람 여럿 언급하면 그 중 하나...

200410 아이유 봇 제작일지

200410 아이유 봇 제작일지

제작 목적이 아이유 움짤 / 아이유 인스타그램 알림 두 가지였는데, 움짤은 만들기 시작한 당일에 해결했고, 인스타그램 알림도 3월 31일 자 업데이트로 구현이 끝났습니다. 더 추가할만한 기능이 이제 딱히 생각나는 게 없네요. 😥 지은아 명령어를 아무것도 입력하지 않으면 도움말을 입력하면 명령어 목록을 볼 수 있단 알림을 줬었는데, 이젠 랜덤 움짤을 전송합니다. 존재하지 않는 명령어 해당 명령어가...

200405 블로그 제작일지

200405 블로그 제작일지

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

워드프레스 5.4 업데이트

워드프레스 5.4 업데이트

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

prefetch를 통한 사용자 경험 향상

prefetch를 통한 사용자 경험 향상

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

200325 블로그 제작일지

200325 블로그 제작일지

헤더 카테고리 자동화 염원하고 염원하던 그 기능입니다.글 발행하고 업데이트를 까먹기도 하고, 매번 수동으로 업데이트하기 귀찮아서 HTML로 저장하는 걸 멈춰야 하나 생각도 했는데, 드디어 해냈네요. add_action("publish_post", "실행될함수"); 이렇게 훅을 걸어두시면 포스트를 공개할 때마다 특정 함수가 실행되게 할 수 있습니다. wp_update_post()를 이용해 php로 작성된 페이지를 가져와 html로 캐싱하도록 해뒀습니다. 업데이트하고 이렇게 기쁜 건 오랜만이네요. 😁 + save_post에 훅을...

200316 블로그 제작일지

200316 블로그 제작일지

슬라이더 글 요약이 다시 나오도록 해두고, 제목과 요약을 좌측정렬한 후 배경에 사다리꼴을 하나 추가했습니다.모바일에선 사다리꼴이 아닌 직사각형으로 보입니다. 조잡하단 평이 있어 사다리꼴은 빼야 하나 생각 중입니다. 😥 Lazy Load 1. 헤더 카테고리에 Lazy Load 적용 헤더 카테고리에 마우스를 올리면 바로 보이는 첫 번째 페이지의 이미지들을 제외한 모든 이미지는 헤더 카테고리에 마우스를 올리면 로딩을 시작합니다. 2....

TTFB 대폭 단축 성공!

TTFB 대폭 단축 성공!

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

45678