제작일지

200728 About IU 제작일지

200728 About IU 제작일지

이 정도면 완성했다 싶어 배포를 시작했는데, 항상 배포를 시작하고 보면 고쳐야 할 게 눈에 보입니다.이래서 다들 알파 테스트, 베타 테스트 거치고 출시하나 봅니다. 홈 페이지 인스타그램 피드를 외부 페이지로 옮기니 홈 페이지는 정말 아무것도 볼 게 없는 페이지가 되어버렸습니다.조금이라도 단조로움을 깨보려고 뮤직비디오가 무작위로 재생되게 했습니다.우측 하단에 음소거 토글 버튼도 추가했습니다.또, 흰 글자가 잘 안 보일...

200724 About IU 제작일지

200724 About IU 제작일지

캐시 버그 수정 페이지와 직접적인 연관은 없습니다만, html, css, js 등 모든 파일을 캐싱 처리해둬서 최신 버전의 페이지를 보실 수 없을 수도 있습니다.새로 고침 후에도 새롭게 제작된 항목이 보이지 않으신다면 캐시를 비우고 재접속해주세요.이렇게 초보적인 실수를 또 하다니…죄송합니다. 😥 한 번만 비우시면 다음부턴 업데이트가 진행돼도 캐시를 비우실 필요는 없습니다. 유튜브 페이지 생성 최근 유튜브에 올라온 동영상을...

200719 블로그 제작일지 및 앞으로 나아갈 방향

200719 블로그 제작일지 및 앞으로 나아갈 방향

움짤 첨부 시 mp4로 변환 ffmpeg를 활용해 gif 이미지를 올리시면 mp4로 전환되게 해뒀습니다.예전부터 gif는 낡고 비효율적인 파일이라고 주장해왔는데, 정작 제 웹사이트에선 gif 파일을 첨부하면 gif 그대로 사용하던 아이러니한 일이 이젠 벌어지지 않습니다. ffmpeg를 처음 활용해봐서 처음엔 모바일에서 비디오가 재생 안 되는 문제가 있었습니다만, 이젠 Chrome(android + macOS + windows), Firefox(windows), Safari(iOS, macOS), Internet Explorer 등의...

200706 블로그 제작일지

200706 블로그 제작일지

접근성 모든 사용자는 어떤 환경에서 접속하건 같은 정보에 접근할 수 있어야 한다는 게 지금까지 열심히 지키려 노력하는 저만의 기준입니다. (에버그린 브라우저를 기준으로 하는 경우가 많음)하지만 최근 모두가 화면을 볼 수 있는 게 아니란 중요한 사실을 깨달았습니다.아무리 최신 브라우저를 사용하더라도 앞을 볼 수 없으면 많은 버튼 및 링크가 아이콘으로 표현된 제 블로그에선 접근할 수 없는 정보가...

구구단 문제 리메이크 - React

구구단 문제 리메이크 - React

깃허브도전해보기 React랑 조금 친하게 지내보려고 예전에 만들어둔 것들을 React로 다시 짜보고 있습니다.로또 추첨기가 첫 번째, 구구단 문제가 두 번째, 다음으론 가사집을 생각하고 있습니다. 사용자가 종료하기 전까지 문제가 계속되고, 난도도 계속 상승하던 예전관 달리 난이도와 문제 수를 고를 수 있게 해뒀습니다.보통을 2 ~ 20, 어려움을 11 ~ 20, 아주 어려움을 11 ~ 30으로 해뒀다가, '보통'이란 난이도에서...

200614 블로그 제작일지

200614 블로그 제작일지

Animated GIF 업로드 이거 하나 때문에 작성하기 시작한 제작일지입니다.이제 Animated GIF(움짤)의 업로드도 지원합니다. 파일 목록은 주기적으로 확인하고, marshall-ku.com과 img.marshall-ku.com을 제외하고 어디서 파일을 요청하는지도 수시로 모니터링하고 있습니다.테스트용으로 올리신 건지 뭔진 모르겠지만, 가끔 괴상한 이미지(마이크로소프트 엣지 아이콘, 그림판으로 그린 것 같은 캐릭터 등)들이 올라오는데, 주기적으로 삭제하고 있습니다. Nginx Apache2에서 HTTP/2를 지원하려고 삽질 좀 하다, 성공하긴 했는데 Apache2는...

200526 블로그 제작일지

200526 블로그 제작일지

근 2개월 만에 적는 제작일지네요.확실히 잡다하게 하는 게 많아지니 블로그에 투자하는 시간이 확 줄어듭니다. Lazy Load 이제 이전 / 다음 글 썸네일, 카테고리 다음 글에도 지연 로드를 적용했습니다.4월 5일에 제작일지 적고 4월 6일에 업데이트한 거로 기억하는데, 이제야 제작일지에 쓰네요. 웹폰트 로딩 최적화 제 블로그엔 사이트 전반적으로 제주 고딕을 사용하고, 코드엔 둥근모꼴을, 원고엔 어비 찌풍딩체,총 3개의...

Frameless Gallery 1.2 업데이트

Frameless Gallery 1.2 업데이트

자동 다크 모드 해제 지금까진 사용자가 다크 모드를 사용하거나, 시간이 19시부터 06시 사이라면 블로그 주인이 설정한 테마를 무시하고 다크 모드가 적용됐습니다.이젠 옵션에 '자동 다크 모드'가 추가되어 이 기능을 끌 수 있습니다. 빠른 링크 로딩 prefetch 업데이트에서 추가했던 기능을 frameless gallery에도 추가했습니다.'빠른 링크 로딩' 옵션을 활성화하시면, 사용자가 링크에 마우스를 올리면 페이지의 내용을 미리 불러와 훨씬 빠르게...

Node.js 크롤러 제작 후기

Node.js 크롤러 제작 후기

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

23456
카카오페이 qr코드 모바일이시라면 클릭