STARGAZER STARGAZER

📝 포트폴리오로써의 가치 향상내가 React.js를 처음 배우기 시작하면서 진행했던 프로젝트가 하나 있다.바로 이 블로그에 포스팅을 작성하며 삽입할 썸네일을 간단하게 만들기 위한 '블로그 썸네일 메이커' 다.다른 분이 만드신 걸 보고 '재밌겠다', '나도 필요하겠다' 싶어 제작했었다. HTML Canvas Element를 useRef를 통해 활용하고 Color Picker 라이브러리와 이미지 저장 기능까지, React.js를 넘어 웹 애플리케이션으로써 경험해 볼 수 있는 많은 기술들을 공부할 수 있었던 즐거운 프로젝트였다. 하지만 몇 년 동안 사용하는 내내 신경쓰이는 몇 가지 단점이 존재했는데...항상 localhost에서 열어야 하는 번거로움, 즉 배포가 안되어있음!처음 시작했을 때의 목표, '이미지..

😢 이 카테고리의 지난 포스팅 [Blog Thumbnail Maker] 폰트 색상을 변경해보자 [Blog Thumbnail Maker] 썸네일 메이커 기능 개선 프로젝트 [Blog Thumbnail Makr] 썸네일 메이커를 만들어보자 근 3개월 간 블로그에 포스팅을 작성하지 않았었다. JLPT N2 시험 준비로 프로젝트와 블로그에 heibondk.tistory.com 😜 데드라인도 못 지키는 허접~❤️ 분명히 저 기능개선 프로젝트는 2022년 6월 이내로 끝내고자 했던 프로젝트였다. 그동안 바빴니 어쨌니 하는 말은 뻔하디 뻔한 핑계 같아서 하지 않겠다. 내가 게을렀고, 안한것이다. 이 프로젝트를 시작하고 지금까지 1년이 넘는 시간이 걸렸는데 이거 하나 못 끝내는 내 모습이 썩 맘에 들지는 않았다. 그래..

[Blog Thumbnail Maker] 썸네일 메이커 기능 개선 프로젝트 [Blog Thumbnail Makr] 썸네일 메이커를 만들어보자 근 3개월 간 블로그에 포스팅을 작성하지 않았었다. JLPT N2 시험 준비로 프로젝트와 블로그에 신경을 쓸 여력이 없었기 때문인데, 2021년 12월 5일, 2021 heibondk.tistory.com ▲ 기능 개선을 하고싶은 항목들에 대한 포스팅 [Blog Thumbnail Maker] 폰트 사이즈를 조절해보자 [Blog Thumbnail Maker] 썸네일 메이커 기능 개선 프로젝트 [Blog Thumbnail Makr] 썸네일 메이커를 만들어보자 근 3개월 간 블로그에 포스팅을 작성하지 않았었다. JLPT N2 시험 준비로 프로젝트와 블로그에 heibond..

[Blog Thumbnail Maker] 썸네일 메이커 기능 개선 프로젝트 [Blog Thumbnail Makr] 썸네일 메이커를 만들어보자 근 3개월 간 블로그에 포스팅을 작성하지 않았었다. JLPT N2 시험 준비로 프로젝트와 블로그에 신경을 쓸 여력이 없었기 때문인데, 2021년 12월 5일, 2021 heibondk.tistory.com ▲ 기능 개선을 하고싶은 항목들에 대한 포스팅 [Blog Thumbnail Maker] 썸네일을 저장해보자 [Blog Thumbnail Maker] 썸네일 메이커 기능 개선 프로젝트 [Blog Thumbnail Makr] 썸네일 메이커를 만들어보자 근 3개월 간 블로그에 포스팅을 작성하지 않았었다. JLPT N2 시험 준비로 프로젝트와 블로그에 heibondk.t..

[Blog Thumbnail Maker] 썸네일 메이커 기능 개선 프로젝트 [Blog Thumbnail Makr] 썸네일 메이커를 만들어보자 근 3개월 간 블로그에 포스팅을 작성하지 않았었다. JLPT N2 시험 준비로 프로젝트와 블로그에 신경을 쓸 여력이 없었기 때문인데, 2021년 12월 5일, 2021 heibondk.tistory.com ▲ 기능 개선을 하고싶은 항목들에 대한 포스팅 기능 개선을 하겠다는 포스팅을 올린지도 거의 한 달이 다 되어가는데, 이제서야 첫 기능 개선에 대한 포스팅을 작성하게 되었다. 학교 중간고사 기간도 있었고, 코로나 19 확진과 이런저런 잔병치레들로 도저히 키보드를 두드리며 생각을 해낼 겨를이 없었다. 알고리즘 문제만 간신히 이어오고 있던 와중에 심심해서 한가지를 성공..

[Blog Thumbnail Makr] 썸네일 메이커를 만들어보자 근 3개월 간 블로그에 포스팅을 작성하지 않았었다. JLPT N2 시험 준비로 프로젝트와 블로그에 신경을 쓸 여력이 없었기 때문인데, 2021년 12월 5일, 2021년 2회차 JLPT 시험을 무사히 치르고 나서 시간 heibondk.tistory.com ▲ 이 프로젝트에 대한 마지막 글 (...) 작년에 호기롭게 시작한 썸네일 메이커 프로젝트에 다시 한 번 불을 지펴볼까 하는 마음으로 잡았다. 단순히 '썸네일을 만든다' 의 기능은 구현은 했지만서도, 썸네일 배경 선택 폭이 한정적인 점, 별도의 저장 버튼이 없다는 점, 텍스트가 길어지면 썸네일을 벗어난다는 점에서 기능 개선의 필요성이 뼈저리게 느껴졌다. 왜냐면 매번 포스팅 할 때마다 내가..

근 3개월 간 블로그에 포스팅을 작성하지 않았었다. JLPT N2 시험 준비로 프로젝트와 블로그에 신경을 쓸 여력이 없었기 때문인데, 2021년 12월 5일, 2021년 2회차 JLPT 시험을 무사히 치르고 나서 시간적 여유가 생겨 밀렸던 포스팅을 해볼까 한다. Blog Thumbnail Maker란? 항상 블로그에 포스팅을 작성할 때마다 나만의 통일된 썸네일을 갖고 싶다는 생각을 종종 해오곤 했다. 나의 포스팅만의 정체성을 좀 확립하고 싶기도 하고... 그래서 최근에 공부하기 시작한 'React.js를 어떻게 잘 사용해볼 수 없을까?' 라는 고민이 맞물려 이 프로젝트를 시작하게 되었다. Blog Thumbnail Maker 프로젝트란 말 그대로 블로그 썸네일을 생성해주는 도구이다. 우리가 자주 접하는 ..