201130 블로그 제작일지

201130 블로그 제작일지

벌써 내일이면 2020년도 12월을 맞네요.최근 블로그의 업데이트 속도를 보면 이번 제작일지가 2020년 마지막 제작일지일 가능성도 약 20%가량 있지 않나 싶습니다.2019년 결산 글을 적은 게 막 엊그제 같지도 않고 그리 오래된 것 같지도 않은 걸 보면 올해도 적당한 속도로 지나간 것 같네요. 블로그 이름 변경 막 거창하게 바꾼 건 아니고 <혼자 끄적이는 블로그>에서 로 변경했습니다.이런저런 의미...
워드프레스 PHP 8.0 충돌

워드프레스 PHP 8.0 충돌

혹여 워드프레스를 사용하시는 분이 계신다면 PHP 8.0 적용하려고 똑같은 삽질은 하지 않길 바라며 글 써봅니다. 업데이트하지 마세요. 어제 밤(2020.11.26 오후 10시경)에 PHP 8.0.0이 배포되었습니다. 지금까지 PHP 버전 업그레이드가 문제를 일으킨 적은 한 번도 없어서, 이번에도 가벼운 마음으로 sudo apt install php8.0-{익스텐션들}을 입력했습니다.업데이트는 아무런 문제가 없었는데 nginx 설정 파일에서 php8.0-fpm을 설정하게 업데이트하니 모든 페이지가 404 페이지로...
GIF / MP4 변환기

GIF / MP4 변환기

Github : https://github.com/marshall-ku/gifconverterApp : https://marshall-ku.github.io/gifconverter/ 온라인 변환기 대부분은 서버에서 변환을 처리합니다. 이는 느린 속도, 파일 크기 / 파일 길이 / 프레임 등의 제한이라는 단점이 필연적으로 동반되기 마련인데, WASM과 FFMpeg를 통해 이 단점을 해결한 앱입니다.이 앱의 가장 큰 단점은 SharedArrayBuffer를 사용해 모바일에선 사용이 힘들단 것입니다(보안상 이유로 차단됨). 사용 방법 아이콘을 클릭해 파일을 선택하거나 파일을 드래그 앤...
디스코드 아이유 봇 사용 서버 100개 돌파

디스코드 아이유 봇 사용 서버 100개 돌파

사용하는 서버가 75개가 넘어갔을 때, 100개를 넘기면 인증 마크 달아준다고 인증하라고 문자까지 보내서 당시에 ID 카드(신분증)만 인증했었습니다. 시간이 아무리 지나도 인증이 안 되길래 뭔가 잘못됐다 싶어 들어가 보니 신분증에 이것저것 답변까지 추가로 해줘야 하는 거였더라고요.봇의 목적 같은 간단하고 당연한 것부터, 어떤 유저 정보를 저장하는지, 저장 기간은 어떻게 되는지, 유저가 정보를 지우려면 어디로 연락해야 하는지, 어떤...
브라우저에서 GIF / MP4 변환하기

브라우저에서 GIF / MP4 변환하기

GithubLive Demo 웹 어셈블리를 통해 브라우저에서 Javascript뿐 아니라 C, C++ 등의 언어로 작성된 프로그램도 돌릴 수 있는 시대가 도래한 지도 꽤 되었습니다.고로, 서버에 파일 업로드 => 파일 변환 => 변환된 파일 다운로드라는 번거로운 과정을 거쳤던 파일 변환을 FFmpeg을 통해 클라이언트 혼자서 해낼 수 있게 되었습니다. 앱 생성 snowpack으로 typescript를 이용한 react 앱 템플릿을 생성해줍니다. 물론...
무작정 다녀온 강원도

무작정 다녀온 강원도

한적한 곳으로 떠나고 싶어 무작정 강원도로 떠났습니다.ITX를 타고, 춘천 가는 기차 안에서 태연의 춘천 가는 기차를 듣고 싶었으나, 갑작스레 길을 나선 관계로 시간이 안 맞아 결국 지하철을 탔습니다.환승을 세 번씩이나 해 갈 수 있었습니다. 아직 집에 도착하지 않아서 서울에 있는 사촌 동생 컴퓨터로 RAW 보정을 진행해, 색감이 평소와 좀 다를 수 있습니다.모니터 색감이 많이 안...
유저 저장 방식이 변경됩니다!

유저 저장 방식이 변경됩니다!

워드프레스는 사용자의 데이터를 쿠키에 저장합니다.그러다 보니 데이터를 가져오기도 힘들어지고, 아무래도 쿠키는 무언갈 저장하는 용도로 사용하는 것은 아니기에, 로컬 저장소로 저장 방식을 변경했습니다. IndexedDB를 사용해볼까 했으나, 몇몇 브라우저에선 IndexedDB에 접근하기 전에 권한을 허용해줘야 하기도 하고, 그렇게 큰 정보는 아니기에 그냥 localStorage를 사용했습니다. 이제 막 댓글 정보가 사라져서 이메일과 주소는 남아있는데 이름은 날아가고 그런 참사는 없을 것...
201104 이것저것 제작일지

201104 이것저것 제작일지

블로그 더욱 견고한 타입스크립트 타입스크립트로 전환할 때 일단 귀찮아서 any로 처리해뒀던 블로그 JSON 구조를 interface로 제작하기 시작했습니다.또한 return이 있는 함수들은 무엇을 return 해야 하는지 표시도 하는 등, 좀 더 깐깐한 검사를 할 수 있도록 업데이트하는 중입니다. 헤더 디자인 업데이트 제목 등을 아래로 내리고, 배경 불투명도를 0.5에서 1로 올리고, 배경에 그래디언트를 추가해 글자가 보이게 업데이트했습니다.이미지 자체를...
스크롤 등의 이벤트 최적화하기

스크롤 등의 이벤트 최적화하기

사용자의 스크롤, 클릭 등에 반응하는 페이지를 만들면, 1초에도 몇십 번씩 특정 함수가 동작해야 할 때가 많습니다.간단한 애니메이션을 출력하는 정도라면 상관없겠지만, 복잡한 그래픽 연산이 들어가는 작업을 아무런 최적화 없이 이벤트 리스너만 추가해두면 시스템 자원을 갉아먹고 디스플레이의 주사율보다 더 많이 실행되어 오히려 프레임 방어를 못 해주는 상황까지 발생하기도 합니다. 이렇게 무거운 함수를 돌리는 와중에도 event.preventDefault() 사용 여부를...

📚 카테고리

📃 싱글 페이지

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