카테고리에 맞게 잡담으로 글을 시작해보자면, 무려 6개월 만에 이 카테고리에 글을 발행해봅니다. 첫눈 오늘 눈이 유난히 일찍 떠져서 더 자보려 노력하다 그냥 작업실로 길을 나섰는데, 첫눈이 내리는 걸 보게 되었네요.첫눈 내리는 걸 보려고 일찍 일어나졌나 봅니다. 첫눈이 내리고 보니 벌써 다음 주면 수능이고, 2021년을 보내줘야 할 때가 코앞까지 다가왔단 게 실감 나네요.해 바뀌는 걸 크게...
개발 서버 세팅 전 제작일지에서도 언급했듯, SharedArrayBuffer 사용을 위해선 사이트 격리를 위한 헤더 추가가 필요한데, snowpack에는 dev server의 응답 헤더를 수정하는 기능이 없습니다. 억지로 node_modules/snowpack/lib/cjs/commands/dev.js 파일을 수정하여 응답 헤더를 추가해줬습니다. function sendResponseFile(req, res, { contents, originalFileLoc, contentType }) { var _a; const body = Buffer.from(contents); const ETag = etag_1.default(body,...
Javascript를 이용해 HTML Canvas에 Dynamic Gradient를 그려 이미지로 출력하는 방법
블로그 글로벌 네비게이션 다크 모드 설정 버튼이 드로어에만 숨어있는 건 접근성이 떨어지지 않을까 항상 고민이 많았는데, 눈에 보이는 곳 중 적당히 넣을만한 데가 없어서 해결은 못 하고 있었습니다.결국 좌우대칭을 포기하고 글로벌 네비게이션에 넣어봤는데, 나름 적당한 위치인 것 같네요. 버튼은 하난데 테마는 셋(라이트, 세피아, 다크)이라 토글을 어떻게 해야 할지도 고민거리였는데, 단순하게 라이트 -> 세피아 -> 다크...
앞서 작성했던 VSCode를 Syntax Hihglighter로 쓰는 방법에서 cog25 님이 shiki라는 Syntax Highlighter를 추천해주셔서, 이를 이용해 온라인 구문 강조기를 제작해봤습니다. 이제 VSCode 없는 환경에서도 codeblock을 만들 수 있습니다!오타 찾거나 하면 굳이 랩탑이나 데스크탑 켤 것 없이 모바일에서도 간단하게 수정할 수 있겠네요. GithubLive Demo 하이라이팅 된 결과물을 렌더링하는 요소와 textarea를 폰트 등에 관한 옵션은 모두 똑같게 주고,...
야경 210502 성곽이 주는 분위기와 서울이라고는 믿기 힘든 풍경이 어우러져 꽤 아름다운 야경을 가진 곳입니다. 처음 보면 10분 정도를 넋 놓고 바라만 볼 정도로 아름다운데, 절반도 안 담긴 기분이라 여러모로 아쉽네요. 210613 산책 나왔다 달 뜬 모습 보고 허겁지겁 집으로 돌아가 카메라 챙겨 나와서 찍은 사진입니다.5분만 늦게 나왔어도 못 찍었을 사진이네요. 일출 210827 여기선 일출을...
TOC 구현 한번 만들어보고 싶다고 생각하진 1년도 넘었을 것 같은 기능입니다.볼 때마다 예쁘긴 한데, 뭔가 실용적이진 않은 것 같고, 모바일에선 표시도 힘든데다 깔끔하게 만들기도 어려워 보여서 저울질만 한참 했네요.만들고 보니 글이 한층 구조적 이어 보이기도 하고, 시각적 재미도 있는 것 같아 마음에는 듭니다. 최적화할 여지가 꽤 있어 보이는데, 쉽진 않네요. 코드가 깔끔하게 정리되고 나면 한...
🏁 시작 어쩌다 보니 팔자에 없던 영어 과외를 진행하게 되었습니다. 자연스럽게 단어 시험을 쳐야 했고, 아무래도 웹앱 형태로 진행하는 게 편하지 않을까 싶은 제 판단(과 같이 수업하시는 분의 당당한 요청)에 의해 단어 공부 및 시험을 위한 웹앱을 제작했습니다. 살인적인 1주일이란 마감일과 함께요. 어디가서 코딩한다고 말해봤자 얻는 건 학부생의 '혹시 xx 언어도 다룰 줄 아세요?'라는 질문과...
마지막으로 블로그 제작일지 쓴 게 언제인지 확인하다 3월 8일인 걸 확인하곤 경악을 금치 못했습니다…Github에서 4페이지나 넘어다니며 커밋 로그들 확인했네요. 커밋을 네 페이지 넘게 하긴 했지만, 눈에 띄는 굵직한 변화는 없고, 대부분 리팩토링이나 최적화긴 합니다.몇 번째 하는 말인진 모르겠지만 이젠 정말 작업이 끝났고 내실을 다지며 이렇게 자잘하게 고쳐가지 않을까 싶네요. 드로워에 최근 글 / 최근 댓글...
