검색
검색내용을 입력하세요.
1. 그랜드체이스 - 희망
2. 테일즈위버 - 나르비크
3. 메이플스토리 - 타이틀음악
본문 바로가기
보드게임 긱 추천 게임
Wizard Thumbnail
BoardGameGeek 사이트에서 인기순위 상위 100개 중 랜덤 3개를 보여줍니다.
BGG
귀펀치토끼는 부서지지 않는다.
뒤로
앞으로
중지
새로고침
홈
방명록
구독
주소(D)

영웅은 공부 따원 안 한다네/뷰

 (43)
[Vue3] NaN 방어코드 사용자가 input 박스에 값을 입력하면 합계를 자동으로 출력하는 코드를 만들었다. 문제1. 숫자가 아닌 값(string 또는 null)이 들어갈 경우 합계가 NaN이 나온다. 우선 를 추가해 오직 숫자만 입력될 수 있도록 했다. 문제2. Backspace를 넣을 경우(null) NaN이 나오는데 값이 없을 때 0으로 인식하게 했다. string이 들어갈 수 없도록 방지 {{ getCmsTotal(index) }} Number.isNaN으로 null일 때 0으로 인식되도록 함 // 수량 수정 const changeCmsQuantity = (e: Event, index: number) => { const target = e.target as HTMLInputElement; cmsItemList[index]..
[Vue3] map함수와 reduce함수로 total 구하기 // CMS 결제 관련 함수 const cmsItemTitle = reactive({ groups: [{ groupName: 'CMS 결제' }] }); const cmsItemList = reactive([ { cmsName: '태블릿', cmsMonth: 12, cmsPrice: 9900, cmsQuantity: 10, cmsTotal: 0, }, { cmsName: '마스터 태블릿', cmsMonth: 12, cmsPrice: 9900, cmsQuantity: 1, cmsTotal: 0, }, ]); 기존 코드 ( map 함수) const getTotalAnnualFee = () => { let sum = 0; cmsItemList.forEach((item: any) => { sum += item...
[Vue3] 새 창으로 열기 클릭하여 새 창 열기 const openCustomView= () => { window.open( '#/customView', '', 'resizable=no,status=no,width=1150,height=950', ); }; 모달 말고 새로운 윈도우 여는 법입니다.
[Vue3] HTML2Canvas 출력하고 싶은 것 출력하기 const imageWrapper = ref(null) as any; const takeScreenshot = (id: string) => { html2canvas(imageWrapper.value, { logging: false, allowTaint: true, scale: window.devicePixelRatio, // width: shareContent.clientWidth, // height: shareContent.clientHeight, scrollY: 0, scrollX: 0, useCORS: true, backgroundColor: '#ffffff', }).then((canvas) => { const imgUrl = canvas.toDataURL('image/p..
[Vue3] Child to Parent 부모에서 출력 ---> {{ text }} 자식의 인풋--->
[vue3] input emit // eslint-disable-next-line vue/require-prop-types defineProps(['modelValue']); const emit = defineEmits(['update:modelValue']); const updateValue = (e: Event) => { emit('update:modelValue', (e.target as HTMLInputElement).value); }; const message = ref('hello');
[Vue.js] 모달 알림 내용 등록자 등록일시 확인 // 모달 부서선택 관련 데이터 및 함수 const isModalSelectDepartment = ref(false); const onModalSelectDepartment = () => { isModalSelectDepartment.value = true; }; const clostModalSearchCondition = () => { isModalSelectDepartment.value = false; };
[Vue.js] 리스트 {{ menuUseInfo.title }} 상세상태 추가 {{ index+1 }}. {{ choco }}
완료
내 컴퓨터

티스토리툴바