반응형 css14 [javascript] 369게임(문자검색 match, 배열요소결합 join, 배수 %, 내림 math.floor) 1. 3의 배수일 경우 박수 html 3의 배수 박수 2. 출력화면 3. 3의 배수 박수 1번 / 9의 배수 박수 2번 html 3의 배수 박수(9의 배수 박수x2) 4. 출력화면 5. 끝자리가 369 인경우 박수 369게임 6. 출력화면 7. 리얼 369 리얼 369게임 8. 출력화면 2023. 1. 21. [javascript] input 이벤트 .※ 이벤트 리스너에서 input 이벤트를 사용하면 값을 입력할 때마다 이벤트 발생 1. index.html 로그인하세요 전송 닫기 Navbar An item A second item A third item A fourth item And a fifth one 운동 기록 앱 로그인 2. 출력화면 2023. 1. 20. [vuejs] mounted (feat. lifecycle hook) 1. 아직 이해는 못했지만 나중에 하나씩 해보기(html파일의 인생인가 보다) 2. mouted는 html 창이 보이면 시작하는 듯하다. 3. App.vue / Discount.vue 가격높은순 가격낮은순 되돌리기 지금 결제하면 {{ 할인률 }}% 할인 4. mouted 부분 mounted(){ let saletimer = setInterval(()=>{ this.할인률 = this.할인률 - 10; if (this.할인률 == 0){ clearInterval(saletimer); setTimeout(()=>{ this.할인창사라졋 = false; }, 1000) } else { return } }, 1000) }, 5. 출력창 2023. 1. 18. [javascript] form 전송 및 막기, if 문 ※ 2023. 1. 17. [javascript] 제이쿼리(jquery) 자바스크립트 모달창 1. 제이쿼리 CDN 복붙 2. html Navbar An item A second item A third item A fourth item And a fifth one 오징어 꼴뚜기 버튼 오징어 버튼 Navbar An item A second item A third item A fourth item And a fifth one 로그인하세요 닫기 모달창 열기 3. 자바스크립트 4. 제이쿼리 5. reset.css / main.css body { margin: 0 } div { box-sizing: border-box; } .alert-box { background-color: skyblue; padding: 20px; color: white; border-radius: 10px; display: none.. 2023. 1. 16. [toy project]업비트 open api 현재가 가져오기 (feat. axios) 1. 받아올 데이터는 현재가입니다. 2. KRWMarket.vue, BTCMarket.vue, USDTMarket.vue의 탬플릿 캔 들 {{coin.korean_name}} {{coin.market}} {{coin.trade_price}} {{coin.acc_trade_price_24h}} {{coin.signed_change_price}} {{coin.signed_change_rate}} 3. KRWMarket.vue, BTCMarket.vue, USDTMarket.vue의 스크립트 4. 출력화면 2023. 1. 15. 이전 1 2 3 다음 반응형