배너 이미지
배너 생성기 리팩터링

배너 생성기 리팩터링

요즘 예전에 진행했다 GitHub에서 하루하루 썩어가는 프로젝트들 전반적으로 리팩터링 하는 중입니다. 웹 앱과 GitHub에서 결과물을 확인하실 수 있습니다. 3년 전에 커밋한 파일이란 점, "commit"이란 강렬한 커밋 메시지에서 짐작해볼 수 있듯 지금보다 많이 못 하던 시절에 제작한 웹 앱입니다. 명색이 블로깅하면서 가장 많이 사용하는 앱인데, 아무래도 그냥 내버려둬도 그저 그런대로 작동하다 보니 오랜 세월 방치하고 있었네요.내부적으론...

Pull Request를 병합하기 전에 코드 검사하기

Pull Request를 병합하기 전에 코드 검사하기

원활한 협업을 위해 ESLint나 Prettier 등의 도구를 활용하곤 합니다. 하지만 이를 로컬에서만 실행되게 하면 '설치하지 않는다', '무시한다' 등의 옵션이 존재하기도 하고, 설치가 제대로 되지 않았으나 설치가 된 줄 알고 작업하는 불상사가 벌어질 수도 있습니다. 더불어, 테스트 케이스 수준에서 걸러지는 오류를 처리하는 등 자동화할 수 있는 작업들을 Pull Request 시에 자동으로 처리하는 방법에 대해 알아보고자 합니다....

클린 코드 스터디, SSG 막코딩

클린 코드 스터디, SSG 막코딩

클린 코드 스터디 독자가 개발자와 컴퓨터라는 점을 제외하면 개발자도 작가와 꽤 비슷하지 않나 싶습니다. 표현하고자 하는 대상의 이름을 정확히 알고, 같은 표현을 여러 방식으로 할 줄 알아야 한단 점 등으로 미루어봤을 때요.글을 쓰고 퇴고하듯 매번 더 좋은 코드를 작성하기 위해 나름대로 노력해왔으나, 오픈 소스 코드를 여러개 까보며 보는 눈을 높여가고, 팀 프로젝트에서 남이 짠 코드를...

220326 Smooth Zoom 제작일지

220326 Smooth Zoom 제작일지

번들러 추가 더는 수동으로 빌드하지 않아도 됩니다.webpack과 rollup의 차이를 뼈에 새기는 계기가 되었네요.관련해 글을 하나 작성해볼까 싶기도 했으나, 이미 한글로도 글이 꽤 많아 넘어갈 생각입니다. 빌드 자동화를 못 해 시작하기 꺼려지거나, 아예 시작조차 못 했던 많은 작업도 진행하게 됐습니다. Typescript 도입 수동으로 빌드하던 시절에도 할 수는 있는 작업이었지만, 아무래도 일을 불필요하게 여러 번 해야 해서...

엘리스 두 번째 팀 프로젝트 회고

엘리스 두 번째 팀 프로젝트 회고

프로젝트 소개 Github 기술 소개서 엘리스 SW 엔지니어 트랙이란 커리큘럼 속에서 꽤 오랜 시간 함께 교육을 들었으나, 비대면으로 진행된 탓에 교육생 간 소통이 원활하지 못했습니다.더군다나 수료 후에도 지속해서 교육생을 묶어줄 커뮤니티의 부재를 해결하고자 커뮤니티를 제작하게 되었습니다. 안타깝게 AI 트랙을 4기 동안이나 진행하면서도 없던 커뮤니티가 저희 수료 날에 디스코드 서버로 생겨버린 탓에 흐지부지되긴 했습니다. 엘리스에서 제공해준...

README 업데이트 자동화 삽질기

README 업데이트 자동화 삽질기

작년 말부터, 제 Github Profile에 태연과 윈터가 손을 흔들며 반겨주기 시작했습니다. 다 좋은데, 매번 똑같은 이미지만 보이는 것보단 다양한 이미지가 보이는 게 낫지 않을까 싶어, 이미지 여러 개를 저장해두고 Github actions를 활용해 매일 자정마다 README.md 파일을 업데이트해보자는 야심 찬 계획을 세웠습니다. Typescript import { readFileSync, writeFileSync } from "fs"; import { resolve } from "path";...

React 테스트 환경 구축하기

React 테스트 환경 구축하기

create react app으로 react 애플리케이션을 생성하면 이런 문제에 관해 크게 고민할 일이 없으나, 전 cra에서 snowpack을 거쳐 요즘은 vite를 쓰고 있기에, 테스트 환경을 알아서 구축해줘야 합니다. 참고로 vite는 Vue.js를 만든 Evan You가 제작한 빌드 도구로, Esbuild를 사용해 제작되었습니다.Webpack 등으로 개발 서버를 시작해 HMR을 사용해도, 코드 양이 늘어나기 시작하면 병목이 나타나기 마련입니다. Vite는 ES Modules, Esbuild를...

2차 프로젝트 시작하기 직전에야 쓰는 1차 프로젝트 회고

2차 프로젝트 시작하기 직전에야 쓰는 1차 프로젝트 회고

About Project Github 기획서 프로젝트 팀원 분들과 주제를 정하다, 이렇다 할 주제가 나오질 않아 서로의 관심사를 공유하는 시간을 가져봤고, 그 과정에서 '여행'과 '음식'이란 키워드가 가장 많이 겹쳐 '음식이 가져다주는 행복'을 지역별로 기록하는 서비스를 제작하게 되었습니다. 결과물 서버가 내려가서 작동 과정이 가장 잘남은 자료가 스터디원 분들께 크롬 개발자 도구에 Recorder 나온 거 보여 드리려고 촬영했던 동영상이네요.프리미어로...

도메인 변경

도메인 변경

사이트 주소에 있는 대시(-)가 눈에 거슬린 지는 꽤 됐습니다.쓰기도, 보기도 불편한데, 요즘 도메인을 직접 입력해 사이트에 접속하는 사람이 줄고 있는 건 사실이니, 굳이 귀찮은 데다 쌓여가는 백링크 등까지 모조리 포기해야 하는 수는 두지 말자는 마음으로 외면해왔습니다. 이 문구를 보기 전까지는요. 안 그래도 눈엣가시던 대시를 없애는 게 좋다는 합당한 이유까지 생겨 곧바로 marshallku.com을 10년 치 결제했고,...

📚 카테고리

제작일지

제작일지

Tips

Tips

작업물

작업물

잡담

잡담

갤러리

갤러리

📃 외부 페이지

📷 갤러리

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