바닐라 자바스크립트로 SPA 만든 과정과 후기

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

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

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

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

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

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

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

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