See this project on Github 👉 Link 📚 개요 깃허브 블로그 제작 1차 : 2022/4/19 ~ 2023/5/8 2차 : 2022/7/2 ~ 2024/7/8 🏁 제작 동기 1차 Scroll to Top Component 추가 Like 버튼 추가 TOC highlight 기능 추가 소소한 변경 사항 기본 폰트 Pretendard-Regular로 변경. 이모지에는 TossFace가 적용되도록 설정. usehooks-ts 라이브러리 적용. 영문 버튼들 한글로 번역 bio 디자인 변경 gatsby-config.js assetPrefix: , SourceMap 제거. “gatsby-plugin-no-sourcemaps”: “^4.13.0”, 2차 소소한 변경 사항 결과 🔖 마무리 📚 개요 🏁 제작 동기 1차 Scroll to Top Component 추가 Like 버튼 추가 TOC highlight 기능 추가 소소한 변경 사항 2차 소소한 변경 사항 결과 🔖 마무리

See this project on Github 👉 Link 📚 개요 wzero.dev 랜딩 페이지 제작 기간 : 2024/6/25 ~ 2024/7/1 🏁 제작 동기 CGV 예매 오픈 알리미 때문에 개인 서버를 구축하고, 도메인도 구매하게 되었다. 그런데 파이썬이랑 ntfy 알림 서버만 돌아가니까 당연하게도 서버 자원이 너무 많이 남았다. (CPU 점유율이 1% 대에서 놀고 있다…) 그래서 이 서버와 도메인을 어떻게 더 잘 활용할 수 있을까 고민하다가 나만의 랜딩 페이지를 만들어보고 싶어졌다. 그리고 요즘 웹사이트에서 3D 모델이 멋지게 있는 걸 보고 꼭 만들어보고 싶었는데 이번 기회에 한 번 직접 도전해보았다. 물론 성능 상의 문제로 3D 모델을 이미지나 영상 형태로 정해진 애니메이션만 보여주는 곳이 더 많지만, 3D 모델과 직접 상호작용할 수 있는 웹사이트가 더 좋은 경험으로 남아있다. 🧊 3D 모델 제작 브라우저에서 3D 모델을 보여주려면 WebGL이나 WebGPU와 같은 3…

See this project on Github 👉 Link 📚 개요 CGV 예매 오픈 알리미 제작 기간 : 2024/3/2 ~ 2024/3/11 ~ 유지보수 중 라즈베리파이로 운영한 기간 : 2024/3/2 ~ 2024/6/3 Docker Container로 운영한 기간 : 2024/6/3 ~ 운영 중 🏁 제작 동기 우리나라 단연 최고의 영화관이라고 할 수 있는 CGV 용산아이파크몰 IMAX관. 그러나 1.43:1 비율의 IMAX GT 비율의 영화가 개봉한다고 하면 새벽과 심야 시간 때까지 매진 행렬이 이어진다. 나도 좀 편하게 명당자리에서 보고 싶어서 예매가 오픈되었을 때 알림을 보내주는 프로그램을 만들기로 하였다. 📑 영화 예매 정보 가져오기 처음에는 Selenium이나 Beautiful Soup 같은 것으로 크롤링, 스크래핑을 하려고 했지만 몇 번 시도해 보다가 변수가 너무 많았고, 구현하고자 하는 목적에 맞는 방법이 아니라고 생각이 들어 개발자 도구로 CGV 홈페이지를 뜯…

See this project on Github 👉 Link 📚 개요 아이폰용 알뜰폰 사용량 위젯 제작 기간 : 2021/8/6 ~ 2021/8/9 v.2 업데이트 : 2022/4/8 ~ 2022/4/17 🏁 동기 내가 사용했던 ‘스마텔’이라는 알뜰폰 업체 새 폰으로 바꾸면서 자급제 + 알뜰폰 조합을 사용해 보았는데, 저렴하지만 부실한 고객대응과 통신 3사에서는 너무나 당연한 사용량 위젯 같은 편의기능도 없는 등 불편한 부분이 많았다. 그래서 내가 직접 위젯을 만들고, 배포도 하기로 하였다. 🤔 어떻게 만들까? 안드로이드는 스마텔 고객센터 앱이 있는데, 나는 아이폰을 사용하고 있고, 앱스토어에 스마텔 고객센터 앱 자체가 없었다… 그래서 찾아보니 “마이스마텔”이라는 웹사이트를 고객센터 앱 대신 운영 중이였다. 이 웹사이트를 이용해서 만들 것이다. 📣 위젯 만들기⁉ 아이폰에 위젯을 만들려면 앱스토어에 앱을 배포하여 그 앱에서 위젯을 추가한다. 위젯을 추가해 주는 서드파티 앱을 활용한…

See this project on Github 👉 Link 🎀 무엇을 만들까? 프로젝트 시작하기 전, 나는 아직 일주일 정도만 HTML, CSS, JS의 기초만 간단하게 공부한 상태였다. 그렇지만 일단 무언가를 만들면서 배우면 더 좋지 않을까? 라고 생각했다. 작지만 처음으로 만들어 보는 것이기 때문에, 내가 만든 것을 나만 보는 것이 아니라 다른 많은 사람들도 봐주었으면 하는 마음이 컸다. 그래서 떠올린 것은 K-POP의 인기와 많은 팬들이었다. 아이돌에 관한 웹사이트를 만들면 많은 사람들이 찾지 않을까? 하는 기대에 프로젝트를 시작했다. 🛒 많은 아이돌 중에 누구를? 일단 너무 오래된 베테랑 그룹이나 가수는 이미 팬덤이 형성되어 있기 때문에, 이목을 끌기 힘들 것 같았다. 그래서 신인 아이돌 중에서 고르기로 했다. CRAVITY 그 당시 데뷔한 지 몇 달 정도밖에 안 되어서 뭔가 만들 거리가 있고, 너무 크지도 않은 적당한 규모였다. 고르는 데에 시간을 너무 많이 써서 이것…