배너 이미지
2021 첫눈, 그리고 근황 잡담

2021 첫눈, 그리고 근황 잡담

카테고리에 맞게 잡담으로 글을 시작해보자면, 무려 6개월 만에 이 카테고리에 글을 발행해봅니다. 첫눈 오늘 눈이 유난히 일찍 떠져서 더 자보려 노력하다 그냥 작업실로 길을 나섰는데, 첫눈이 내리는 걸 보게 되었네요.첫눈 내리는 걸 보려고 일찍 일어나졌나 봅니다. 첫눈이 내리고 보니 벌써 다음 주면 수능이고, 2021년을 보내줘야 할 때가 코앞까지 다가왔단 게 실감 나네요.해 바뀌는 걸 크게...

211110 GIF Converter 제작일지

211110 GIF Converter 제작일지

개발 서버 세팅 전 제작일지에서도 언급했듯, 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,...

210924 블로그 제작일지

210924 블로그 제작일지

블로그 글로벌 네비게이션 다크 모드 설정 버튼이 드로어에만 숨어있는 건 접근성이 떨어지지 않을까 항상 고민이 많았는데, 눈에 보이는 곳 중 적당히 넣을만한 데가 없어서 해결은 못 하고 있었습니다.결국 좌우대칭을 포기하고 글로벌 네비게이션에 넣어봤는데, 나름 적당한 위치인 것 같네요. 버튼은 하난데 테마는 셋(라이트, 세피아, 다크)이라 토글을 어떻게 해야 할지도 고민거리였는데, 단순하게 라이트 -> 세피아 -> 다크...

Online Syntax Highlighter 만들어보기

Online Syntax Highlighter 만들어보기

앞서 작성했던 VSCode를 Syntax Hihglighter로 쓰는 방법에서 cog25 님이 shiki라는 Syntax Highlighter를 추천해주셔서, 이를 이용해 온라인 구문 강조기를 제작해봤습니다. 이제 VSCode 없는 환경에서도 codeblock을 만들 수 있습니다!오타 찾거나 하면 굳이 랩탑이나 데스크탑 켤 것 없이 모바일에서도 간단하게 수정할 수 있겠네요. GithubLive Demo 하이라이팅 된 결과물을 렌더링하는 요소와 textarea를 폰트 등에 관한 옵션은 모두 똑같게 주고,...

와룡공원 야경과 일출

와룡공원 야경과 일출

야경 210502 성곽이 주는 분위기와 서울이라고는 믿기 힘든 풍경이 어우러져 꽤 아름다운 야경을 가진 곳입니다. 처음 보면 10분 정도를 넋 놓고 바라만 볼 정도로 아름다운데, 절반도 안 담긴 기분이라 여러모로 아쉽네요. 210613 산책 나왔다 달 뜬 모습 보고 허겁지겁 집으로 돌아가 카메라 챙겨 나와서 찍은 사진입니다.5분만 늦게 나왔어도 못 찍었을 사진이네요. 일출 210827 여기선 일출을...

210826 블로그 제작일지

210826 블로그 제작일지

TOC 구현 한번 만들어보고 싶다고 생각하진 1년도 넘었을 것 같은 기능입니다.볼 때마다 예쁘긴 한데, 뭔가 실용적이진 않은 것 같고, 모바일에선 표시도 힘든데다 깔끔하게 만들기도 어려워 보여서 저울질만 한참 했네요.만들고 보니 글이 한층 구조적 이어 보이기도 하고, 시각적 재미도 있는 것 같아 마음에는 듭니다. 최적화할 여지가 꽤 있어 보이는데, 쉽진 않네요. 코드가 깔끔하게 정리되고 나면 한...

React, Node.js를 이용한 영어 단어 공부 앱 제작기

React, Node.js를 이용한 영어 단어 공부 앱 제작기

🏁 시작 어쩌다 보니 팔자에 없던 영어 과외를 진행하게 되었습니다. 자연스럽게 단어 시험을 쳐야 했고, 아무래도 웹앱 형태로 진행하는 게 편하지 않을까 싶은 제 판단(과 같이 수업하시는 분의 당당한 요청)에 의해 단어 공부 및 시험을 위한 웹앱을 제작했습니다. 살인적인 1주일이란 마감일과 함께요. 어디가서 코딩한다고 말해봤자 얻는 건 학부생의 '혹시 xx 언어도 다룰 줄 아세요?'라는 질문과...

210603 블로그 제작일지

210603 블로그 제작일지

마지막으로 블로그 제작일지 쓴 게 언제인지 확인하다 3월 8일인 걸 확인하곤 경악을 금치 못했습니다…Github에서 4페이지나 넘어다니며 커밋 로그들 확인했네요. 커밋을 네 페이지 넘게 하긴 했지만, 눈에 띄는 굵직한 변화는 없고, 대부분 리팩토링이나 최적화긴 합니다.몇 번째 하는 말인진 모르겠지만 이젠 정말 작업이 끝났고 내실을 다지며 이렇게 자잘하게 고쳐가지 않을까 싶네요. 드로워에 최근 글 / 최근 댓글...

📚 카테고리

제작일지

제작일지

Tips

Tips

작업물

작업물

잡담

잡담

갤러리

갤러리

📃 외부 페이지

📷 갤러리

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