| Category: JavaScript / CSS |
| Watchers: 1 |
| Star: 10 |
| Fork: 0 |
| Last update: Oct 28, 2021 |
"dependencies": {
"@handlebars/allow-prototype-access": "^1.0.5",
"highlight.js": "^11.3.1"
},
"devDependencies": {
"@parcel/config-default": "^2.0.0",
"@parcel/transformer-typescript-tsc": "^2.0.0",
"parcel": "^2.0.0",
"typescript": ">=3.0.0"
}
null
V 2.0.0를 릴리즈합니다.
문제가 되는 부분인 colorSet을 Localstorage에 저장하는 부분을 수정해야 함.
2번 방법이 탁월하다고 생각되어서 수정할 예정
"Export to PNG"를 누르면 모달이 나오면서 파일 이름을 지정할 수 있고 사이즈도 조절할 수 있게 하는 기능을 구현합니다.
기본 제공되는 (input[type='color']) Color Selector가 아닌 Custom Color Selector를 구현할 것.
Active Color Click와 Input Color Click이 겹쳐서 생기는 문제임.이벤트 버블링 관련 문제여러가지 해결 방안이 있을수가 있는데 하나하나 생각해보면
this.render부분에서 input color와 겹치는 문제이므로 input color blur이벤트가 발생했을 경우에 this.render를 실행하게 하는 방법정도로 생각이 나는데 위의 사항들을 코드 상에서 구현해보고 안되는 부분이 있으면 추가로 해결 방안을 생각해보도록 하겠다.
Input Color Event랑 Active Color Change Event가 겹쳐서 생기는 문제였음. 즉, Input Color Change가 Mouse Up이 되었을때 Active Color를 Rendering하는 방식으로 변경함. 그러면 DOM은 Input이 change될 때동안 잘 해당 위치에 동작하며, Active Color도 Mouse Up이 되었을때 잘 동작하니까 문제가 없음.
🎉Generate your gradient 🎉
Shortcut link - 🔗 Link
