TIL - 오류 해결하기

---

오류1

문제점: Failed to load resource: the server responded with a status of 404 (NOT FOUND)

• 내가 무슨 경로를 잘못 설정해주었다는데,, 경로가 틀린건 딱히 없어보였고, 설마 싶어서 다른 script 코드 위치를 위쪽으로 변경했더니 잘 작동되었다.

오류2

문제점: Uncaught ReferenceError: $ is not defined

• 이것도 코드 위치의 문제였다. 사용하려는 script 코드 보다 위쪽에 위치해야 하는 것 같다.

오류3

문제점: 코드를 가져왔는데 내 쪽에서 실행이 안됨

• 코드를 가져와서 내쪽에 맞게 커스텀을 한 후에 실행을 해봤는데, 아무리 해도 변경되어야 하는 사항이 변경이 되지 않았다.
  내 쪽의 코드들 위치도 좀 정리해보고, 태그들도 비슷하게 만들어서 다시 정리해서 실행했다. 눈물나게 바로 실행됐다.
  코드를 가져와서 쓸 때, 한 번에 갖다 붙이기 보다 하나씩 가져와서 적용하는 것이 좋을 것 같다.
  물론 그 전에 코드 이해가 우선이다 !

CSS 효과 추가

애니메이션 넣기

• 검색해보면 정말 다양한 애니메이션 효과가 있다
• 그 중에서 버튼에 애니메이션 넣는 코드를 하나 작성해보겠다!
• 출처: 버튼 디자인 모음

@keyframes jelly {
    25% {
      transform: scale(0.9, 1.1);
    }
    50% {
      transform: scale(1.1, 0.9);
    }
    75% {
      transform: scale(0.95, 1.05);
    }
}
효과주고싶은속성:hover{
    animation: jelly 0.5s;
}

이렇게 작성하면 해당 속성에 마우스를 갖다댈 경우에 젤리처럼 통통 튀는? 애니메이션 효과가 나타난다.