210118 다시 내린 눈
나만의 캐시 서버를 구축해 이미지, 비디오 등을 캐싱하고, 이미지를 WebP 파일로 변환하기
WebP는 구글에서 만든 이미지 포맷으로, JPEG, PNG 등의 포맷보다 우월한 압축률을 자랑하는 포맷입니다.물론 IE는 읽지 못하는 포맷이고, 사파리도 부분적으로만 지원하기에 결국 기존 이미지 포맷과 병행해서 사용해야 한단 단점이 있습니다. 개인적으론 앞선 단점보다 이미지를 내려받았을 때 휴대폰에서 이미지를 볼 수 없단 단점 때문에 싫어했고요. 근데 이젠 딱히 아이돌 관련된 사진을 올리지도 않으니 블로그에 내려받을 이미지도 없고,...
뭔가 잘못됐다 KTX를 타고 올라오는 중에 창밖이 점점 하얘지고 톡방은 눈이 뭐 이렇게 많이 오느냐고 시끄러워지기 시작하더라고요.결국 제시간에 KTX가 역에 들어오지도 못하고 도착부터 순탄치 않았습니다. 역에 도착하니 웬 기차 하나가 선로에서 혼자 눈을 맞으며 궁상을 떨고 있습니다. 집에 오면서 보니 나무나 화단엔 이런 장관이, 길바닥엔 거무튀튀하고 질퍽한 더러운 눈이 펼쳐져 가관인 상황이 펼쳐져 있더라고요. 아무튼...
인터넷 익스플로러로 페이지에 접근할 시 엣지로 요청을 넘겨버리는 간단한 방법
비디오를 움짤로 변환할 때 종종 필요 없는 부분을 잘라야 할 때가 있어서, 관련 옵션을 업데이트해봤습니다.쉽게 보고 시작했는데, 8방향 모두 크기 조절이 가능하도록 업데이트하는 게 쉬운 일은 아니더라고요. 앱에서 확인해보시면 아시겠지만, 일단 비디오를 크롭하는 것까진 성공했고 스케일을 조정해도 문제없이 gif 이미지가 나오는 것까진 확인해서 기능 제작은 끝났습니다. 이제 기능 제작보다 더 큰 난관 하나만 해결하면 되는데…...
블로그 테스트 라이브러리 도입 적어도 스크리븥의 오류는 모두 해결하고 배포하기 위해 Jest로 테스트를 작성 중입니다.근데 말썽을 일으키는 코드는 대부분 이런 방식으론 잡기 힘든 거라, QA Wolf 같은 라이브러리도 곁들여야 하나 싶네요. 애니메이션 검색창 버튼을 누르면 검색어를 입력하는 부분은 아무런 트랜지션 없이 나타났는데, 이젠 내비게이션에 있는 햄버거 아이콘, 검색 아이콘을 제외한 요소가 올라가고 검색창이 내려오는 애니메이션을...
간단한 스크롤 애니메이션 페이지 제작한 방법과 짧은 후기
잘 가, 2020