Dev./Self-Dev.(2)
-
[Meme-Maker] ✏️폰트 크기 및 글꼴 변경 기능 추가!
지난 시간에 만들었던 Stroke / Fill 모드 변경 기능에 이어, 이번엔 폰트 크기와 글꼴을 변경할 수 있는 기능을 만들었다. 조금씩 익숙해지는 것인지, 이번에는 1시간 만에 끝냈다. 간단하게 정리해봐야겠다. 추가한 코드 -- 폰트 선택 -- 둘기마요고딕체 교보문고 손글씨체 Rix할매의꽃담체 이순신돋움체 /* 폰트 불러오기 */ @font-face { font-family: "YiSunShinDotumM"; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/YiSunShinDotumM.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { ..
2023.03.05 -
[Meme-Maker] Stroke, Fill 모드 선택 기능 추가
노마드 코더에서 들을 수 있는 무료 강의 중, HTML/CSS/JS를 이용한 그림 앱 만들기가 시간도 짧고 재밌어보여서 듣게 되었다. 동영상 전체 시간은 2시간 내외정도지만, 코드를 이해하고 또 직접 타이핑하면서 하느라 4시간은 걸렸다... 거기에 마지막에 챌린지로 기능 하나를 추가하는데 2시간이 걸렸다.. 상당히 피곤하지만 그래도 자기 전에 기록을 남겨두면 좋을 것 같아서 블로그에 글을 적어보려고 한다! 뭘 만들었나? GitHub - astinaus/paintjs Contribute to astinaus/paintjs development by creating an account on GitHub. github.com MEME-MAKER astinaus.github.io 간단하게 말하면 그림판이다. C..
2023.03.05