단비의 코딩 공부 blog

애니메이션 효과를 위해 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..

html 제목View 내용 내용 사용 색상 : 제목 View 내용 내용 사용 색상 : 제목View 내용 내용 사용 색상 : 이전 다음 css .port{max-width: 1200px; margin: 0 auto; margin-top: 8%; padding: 0 50px;} .port .slides{position: relative; width:100%; height: 100vh; margin:0 auto; margin-top:40px; opacity: 0; transform: translateY(60px);} .port .slides.on{transform: translateY(0); opacity:1; transition:all .7s .2s} .port .slides>.slides-container..

css의 style 속성을 jQuery를 사용하여 변경하려면 css() 메서드를 사용하고 css를 추가 하려면 addClass(), 제거하려면 removeClass() 메서드를 사용한다. 1. jQuery에서 css 속성을 사용하려면 하나의 속성의 경우 $('요소').css('프로퍼티','값'); 예제 - $('#wrap').css('color','blue'); 여러 속성의 경우 $('요소').css('프로퍼티':'값','프로퍼티':'값'); 예제 - $('#wrap').css('color':'blue','font-size':'20px'); 2. html요소에 css를 추가, 삭제하려면 요소에 class추가하는 경우 $('요소').addClass('class명'); 예제 - $('#wrap').addCl..