블로그 검색 취소 버튼 && 햄버거 버튼 검색 취소 버튼도 햄버거 버튼과 똑같은 스타일을 적용해, 통일감을 높였습니다. 또한, 버튼이 화살표로 변경됐을 때 1px 정도 오차가 있길래 수정했습니다.몇몇 브라우저에선 1px이 어긋나니 뭔가 이상한 게 눈에 보일 정도로 뒤틀리더라고요. 페이지네이션 버튼 4페이지 이상(1페이지 버튼이 안 보이는 상황)에선 첫 페이지로 가는 버튼을 추가하고, 마지막 페이지 버튼이 안 보이는...
wp_list_comments의 html 구조를 변경하는 방법
웹 사이트를 PWA로 업데이트하기에서 PWA가 된 웹 앱 / 웹 사이트(이하 웹 앱)를 스토어에 출시하는 간단한 방법입니다. 코드는 한 줄도 더 쓰실 필요 없습니다.Bubblewrap, PWA Builder 등의 선택지가 있으며, Bubblewrap은 커맨드 라인에서, PWA Builder는 웹에서 앱을 제작합니다. 이 글에선 조금 더 간단한 PWA Builder로 구글 플레이 스토어에 출시하는 것을 기준으로 설명하겠습니다. 완성된 앱은 제 블로그...
PWA(Progressive Web App)의 정보를 담은 Manifet 파일의 작성 방법
분명 12월 8일에 출신데 몇 시인지(기준 시간은 언젠지)가 안 적혀있어서 어제부터 계속 시간이 날 때마다 업데이트 안 떴나 확인하고 있었습니다.오늘도 아침 6시 반에 일어나서 한 시간 간격으로 확인해보다가 8시 반에 확인해보니 업데이트가 드디어 뜨길래 워드프레스와 PHP 버전 업데이트를 마쳤습니다. 사실 워드프레스 5.6이 기다려진 이유는 워드프레스의 신기능보단 PHP 8 때문이었는데, 이제 nginx에서 fastcgi_pass unix:/run/php/php8.0-fpm.sock;를 입력해도 사이트가...
오랜만에 굉장히 신 나는 마음으로 제작일지를 작성합니다.주체할 수 없는 아드레날린에 휩싸이는 기분…굉장히 오랜만이네요. 이미지 줌 효과 예전부터 medium을 보며 탐내던 기능인데, 1180px로 이미지의 너비 제한을 걸어두고 클릭하면 원본을 보여주는데, 이미지를 불러오기 전엔 크기를 알 수 없어 결국 x, y 좌표만 움직이는 애니메이션이 되는지라 시도도 안 해보고 마음 한 편에 담아만 두고 있었습니다. 매번 탐만 내다보니...
스킨 소개 먼저, 글꼴을 인피니티산스와 가나초코로 변경했습니다. 기본적으로 인피니티산스를 사용하고, 제목에 가나초코를 사용합니다. 또한, 썸네일이 조금 덜 각지게 표시되게 업데이트했고, 슬라이더의 디자인을 조금 다듬었습니다. 드로어를 여는 버튼에 커서를 올리면 화살표로 변하는 애니메이션을 추가하고, 카테고리 상단에 구분 선을 추가했습니다. 하위 카테고리 목록에도 배경을 추가해 구분이 뚜렷하여지게 했습니다. 댓글 / 방명록을 입력하는 부분의 여백을 통일감 있게 수정했습니다....
바닐라 자바스크립트로 싱글 페이지 애플리케이션을 제작한 과정과 후기를 간단히 정리해봤습니다.
벌써 내일이면 2020년도 12월을 맞네요.최근 블로그의 업데이트 속도를 보면 이번 제작일지가 2020년 마지막 제작일지일 가능성도 약 20%가량 있지 않나 싶습니다.2019년 결산 글을 적은 게 막 엊그제 같지도 않고 그리 오래된 것 같지도 않은 걸 보면 올해도 적당한 속도로 지나간 것 같네요. 블로그 이름 변경 막 거창하게 바꾼 건 아니고 <혼자 끄적이는 블로그>에서 <Marshall K의 블로그>로...