목록WEB (267)

뇌 채우기 공간

[css] 반응형 flex box 만들기

WEB/html,CSS 2021. 11. 30. 20:31
[VUE.js] vue-draggable-next로 drag and drop 구현

WEB/VUE.js 2021. 11. 30. 20:31
[html/css] 컬러의 명도와 채도가 같은 랜덤컬러 생성 random color

const colors = `hsl(${parseInt(Math.random() * 24, 10) * 15}, 16%, 57%)`; 참고 : 이것은 vue 코드 hsl에서 hue만 랜덤으로 돌리는 방법 그러면 톤이 똑같고 색상만 랜덤으로 추출됨
WEB/html,CSS 2021. 11. 30. 20:23
[html] Window.confirm 삭제하시겠습니까?

https://www.w3schools.com/jsref/met_win_confirm.asp Window confirm() Method W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 뭔가를 삭제하기 전에 삭제 하시겠습니까? 해서 네 하면 삭제되고 아니오 하면 삭제 안되고 하는 것을 구현하고 싶었다. 이걸 커스텀 모달을 만들어서 구현해야하는지 고민했는데 Window.con..
WEB/html,CSS 2021. 11. 27. 19:03
[VUE.js] vue3 selectbox mutiple dropdown구현하기

[결과] [구현] select box에 속성을 mutiple로 지정해놓으니까 클릭했을때 저절로 dropdown이 안됐다. 그런데 드롭다운이 안되면 너무 ui가 불편하기 때문에 클릭했을때 목록이 쭈르륵 나와야 했다. {{genre}} 그래서 size를 selectSize로 바인딩하고 focus이벤트에서 size를 키우고 blur이벤트에서 size를 1로 돌렸다. const selectFocus = ref(false); const selectSize = computed(() => (selectFocus.value ? 10 : 1)); const focusSelect = () => { selectFocus.value = true; }; const blurSelect = () => { selectFocus.va..
WEB/VUE.js 2021. 11. 27. 18:59
이전 Prev 1 ··· 5 6 7 8 9 10 11 ··· 54 Next 다음