일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- 바닐라스크립트
- 마우스커서
- sqld52회차
- Slide
- sqld
- 프론트앤드키워드
- IP차단
- 웹접근성
- 애니메이션
- 로또 회차
- 코딩공부
- 웹표준
- Python
- asp
- SQLD후기
- 기초
- VANILLA
- 웹개발키워드
- JSP
- git
- github
- JS
- SQL
- jQuery
- 바닐라자바스크립트
- 텍스트조절
- CSS
- 바닐라 자바스크립트
- 팝업레이어
- TweenMax.js
- Today
- Total
목록javascript&jquery (45)
단비의 코딩 공부 blog
제 회

1. 선언적 함수 2. 선언과 호출 쉬는시간 3. 매개변수 스타벅스 4. return 키워드 5. 익명함수 6. 전역변수와 지역변수 7. 내장함수 8. 기본내장함수 9. isNaN 함수 10. isNaN 함수 (응용문제) 11. parse관련 함수 12. eval 함수 13. 타이머 함수1 14. 타이머함수2 15. 타이머함수3 16. 타이머함수3 (응용문제) 17. 콜백함수를 함수로 대체 18. 즉시실행 함수

애니메이션 효과를 위해 jquery.js와 TweenMax.js를 가지고 와 설치해준다 1.html 여기! 2.css html, body, a { user-select: none; cursor: none !important; } body{backgroung-color:#000} .cursor { position: absolute; width: 10px; height: 10px; box-sizing: border-box; border-radius: 50%; z-index: 1000; pointer-events: none; background: #fff; } .cursor.hide { visibility: hidden; } .cursor.hover { background: red; z-index: -1; }..

0. 데이터의 종류(복습) 0-1. for문(복습) 0-2. if문법(복습) 1. 배열의 선언 2. 배열의 length 속성 3. for in 문 4. 휴대폰 앞자리 출력(예제) 5. 응용문제

1. 복합 대입 연산자 2. 연결 대입 연산자 3. 증감 연산자 4. while문 5. do while문 6. do while과 while의 비교 7. for문 8. 역 for문 9. 복합 대입 연산자 for문 10. 월 선택상자 만들기 11. 년도 선택상자 만들기 12. 일 선택상자 만들기 13. break 키워드 14. continue 키워드 15. 중첩 for문 16. 구구단 만들기 17. 별 출력하기

1. 기본 if문 2. 다중 if문 3. 다중 if문 - 응용문제 4. 논리연산자 5. 논리곱 if문 6. 논리합 if문 7. 논리합 if문 - 응용문제 8. 부정연산자 if문 9. siwch구문 10. 삼항연산자 11. 짧은 조건문 12. 중첩 if문 13. 응용문제

1.내부 자바스크립트 2.외부 자바스크립트 alert('안녕하세요'); * test.js로 스크립트 이름을 생성후 연동한다. 3. 스크립트 주석 4.JS 데이터 유형 5.데이터 출력법 6.문자열과 숫자 7.사칙연산자 8.연결연산자 9.bool 10. 비교연산자 11.이퀄연산자 12.변수의 선언 13.변수의 사용이유 14.변수의 재선언 15.prompt함수 16.변수데이터의 유형 17.환율계산기 만들기 18.형변환 19.응용문제(평균 도출하기)
HTML 시작! CSS .slot{background-image: url(./img/bg.jpg); min-height: 440px; max-height: 860px; text-align: center; max-width: 640px; min-width: 320px; overflow: hidden; margin: 0 auto; background-size: cover;} .slots img{width: 100%; height: auto;} .coffee-machine { width: 90%; margin: 0 auto; text-align: center; } #spin-cta { background: linear-gradient( #31cdb0, #3551a4); border: 1px solid #000..