[Canvas] Vue로 복권 긁기 기능 구현 (LottoScratch)
·
개발일지/2024
[인터랙션개발] CSSWinner에서 발견한 재밌는 효과들
·
개발일지/2024
https://13322566869.com/ Digital Producer - Specialised in DesignNavigating your digital transformation through bespoke creative solutions, providing a personal touch.13322566869.com   #1- 스크롤 타이밍 맞춰서 배경 캔버스가 좌->우로 채우짐- 글자색이 배경색과 반전됨   #2스크롤 타이밍 맞춰서 라벨 하나씩 fadeIn 됨   #3조각난 이미지들이 스크롤 타이밍에 맞춰 원상태로 맞춰짐  조각난 이미지 8장을 비틀어놨다가 맞춰놓는 개념임 (너무 궁금해서 찾아냄) 그런데 이렇게 이미지를 개별적으로 다 만들지 않고, `background-clip`을 이용한다던가..
[Fonts] 독특한 무료 한글 폰트, HS산토끼체 2.0
·
개발일지/2024
이번주 노마드코더 웹진을 읽다가 발견한 사이트에서 폰트가 너무 눈에 들어오길래 찾아봤다. 약간 히라가나 같기도 한 모양이 특이하고 게다가 절대 무료폰트로 풀릴 만한 퀄리티가 아니어서 너무 탐이 났다. HS산토끼체 2.0 | 산돌구름무료폰트 사용 산돌구름 PC가 설치되어 있는지 확인해주세요. 산돌구름이 실행중인 상태에서 폰트를 사용할 수 있습니다. 확인 취소www.sandollcloud.com:443   HS산토끼체 2.0 해당 폰트의 지적 재산권은 토끼네활자공장에 있습니다. 사용 가능 라이선스를 확인하지 않아서 발생하는 손해에 관한 책임은 사용자에게 있습니다.[무료 한글폰트] HS산토끼체 2.0(2024) : 네이버 블로그 (naver.com) [무료 한글폰트] HS산토끼체 2.0(2024)HS산토끼체 ..
[Error] Warning: Received `true` for a non-boolean attribute `className`.
·
개발일지/2024
Warning: Received `true` for a non-boolean attribute `className`. If you want to write it to the DOM, pass a string instead: className="true" or className={value.toString()}.  리액트에서 이런 에러가 콘솔에 찍히고 있었다.검색해보면 스타일드 컴포넌트를 사용할 때 뜨는 에러라고만 나오는데내 경우에는 간단하게 그냥 클래스네임을 attribute값만 적어놔서 생기는 오류였다. className을 지워주고 나니 에러가 사라졌다!
keyup 이벤트와 input 이벤트의 차이
·
개발일지/2024
keyup 이벤트와 input 이벤트는 HTML 폼 요소(특히  및  요소)와 상호작용할 때 발생하는 두 가지 주요 이벤트로, 각기 다른 시점과 용도를 가지고 있습니다. 이들 이벤트의 차이점을 이해하는 것은 사용자 입력을 다룰 때 중요합니다. keyup 이벤트발생 시점: 사용자가 키보드 키를 눌렀다가 뗄 때 발생대상: 주로 , , 및 기타 키보드 이벤트를 수신할 수 있는 요소포함 정보: 어떤 키가 눌렸는지에 대한 정보 (event.key, event.code 등)사용 사례: 특정 키 입력을 감지하거나 키보드 단축키를 처리할 때 유용 input 이벤트발생 시점: 사용자가 입력 필드의 내용을 변경할 때마다 발생이는 키보드 입력, 마우스 붙여넣기, 드래그 앤 드롭 등 모든 입력 방식에 대해 작동대상: 주로 ,..
[Git] 실수로 삭제한 브랜치 복구하기 (reflog)
·
개발일지/2024
금융권에서 일하다보니까 인터넷망에서 작업하고, 망간 전송을 시켜서 시스템망(내부폐쇄망)에 완성된 코드를 올린다. 이렇게 작업하다보면 양쪽 레포에 동일하게 관리를 해야하는데 일이 많다보니 정신이 없어서 시스템망에는 잘 올렸는데, 인터넷망의 로컬 브랜치를 리모트 푸시를 안하고 그냥 다 지워버렸다. 순간 멘붕이 와서 멍 때리고 있다가, git 에는 분명 복구방법이 있을 것 같아서 찾아봤다.  git refloggit reflog 이렇게 지난 로그가 나온다.  // branch 복구git checkout -b 삭제된 브랜치 이름 HRAD@{INDEX}// commit 복구git reset --hard COMMIT-ID    참고https://7942yongdae.tistory.com/161 Git - 삭제한 b..