PWA의 Manifest 작성하기
PWA(Progressive Web App)의 정보를 담은 Manifet 파일의 작성 방법
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의 블로그>로...
혹여 워드프레스를 사용하시는 분이 계신다면 PHP 8.0 적용하려고 똑같은 삽질은 하지 않길 바라며 글 써봅니다. 업데이트하지 마세요. 어제 밤(2020.11.26 오후 10시경)에 PHP 8.0.0이 배포되었습니다. 지금까지 PHP 버전 업그레이드가 문제를 일으킨 적은 한 번도 없어서, 이번에도 가벼운 마음으로 sudo apt install php8.0-{익스텐션들}을 입력했습니다.업데이트는 아무런 문제가 없었는데 nginx 설정 파일에서 php8.0-fpm을 설정하게 업데이트하니 모든 페이지가 404 페이지로...
GithubLive Demo 웹 어셈블리를 통해 브라우저에서 Javascript뿐 아니라 C, C++ 등의 언어로 작성된 프로그램도 돌릴 수 있는 시대가 도래한 지도 꽤 되었습니다.고로, 서버에 파일 업로드 => 파일 변환 => 변환된 파일 다운로드라는 번거로운 과정을 거쳤던 파일 변환을 FFmpeg을 통해 클라이언트 혼자서 해낼 수 있게 되었습니다. 앱 생성 snowpack으로 typescript를 이용한 react 앱 템플릿을 생성해줍니다. 물론...
블로그 더욱 견고한 타입스크립트 타입스크립트로 전환할 때 일단 귀찮아서 any로 처리해뒀던 블로그 JSON 구조를 interface로 제작하기 시작했습니다.또한 return이 있는 함수들은 무엇을 return 해야 하는지 표시도 하는 등, 좀 더 깐깐한 검사를 할 수 있도록 업데이트하는 중입니다. 헤더 디자인 업데이트 제목 등을 아래로 내리고, 배경 불투명도를 0.5에서 1로 올리고, 배경에 그래디언트를 추가해 글자가 보이게 업데이트했습니다.이미지 자체를...
