profile
하루를 의미있게 살자!
post-thumbnail

211018 TIL

✔️ 코드잇에서 jQuery 배우기animation간단한 애니메이션 부여하기css 적용하기여러 css 동시에 적용하기css 순서대로 적용하기css 반복 적용하기css 적용 속도 조절하기위에 코드를 보면은, 1000는 1초안에 이동한다.애니메이션 이펙트 적용하기위에 있는

2021년 10월 18일
·
0개의 댓글
·
post-thumbnail

211017 TIL

✔️ 코드잇에서 jQuery 배우기스크롤예 ) 어떻게 스크롤을 이용하게 될 것은...내리면 opacity를 0으로, 완전히 올리면 1방법은....위에 코드를 잘 보면, scroll이라는 이벤트에 div태그를 opacity를 줘서, 내릴수록 점점 희미해져가게 만들었다.결

2021년 10월 17일
·
0개의 댓글
·
post-thumbnail

211016 TIL

✔️ 코드잇에서 jQuery 배우기코드 줄이기예 )위에 코드를 잘보면, 너무나도 복잡하고 한 눈에 들어오기 어렵다그래서 함수로 묶어서 쉽게 알아볼 수 있게 만들겠다.currentTarget은 현재 어떤 요소를 클릭했는지 알아봐준다.방법은 콘솔로그로 event를 알아봐서

2021년 10월 16일
·
0개의 댓글
·
post-thumbnail

211013 TIL

✔️ 코드잇에서 jQuery 배우기선택하는 메소드 알아보기filterfilter는 ( )안의 조건으로 선택된 요소를 한번 더 걸러준다특정한 태그를 선택할 수 있는 기능을 한다.위 코드를 보면, 모든 button 태그들 중에 color-3이라는 클래스를 가지고 있는 요소

2021년 10월 13일
·
0개의 댓글
·
post-thumbnail

211012 TIL

✔️ 코드잇에서 jQuery 배우기jQuery 사용하기간단하 예제 )위에는 html로 만들 결과물인데.. 제이쿼리를 이용해서 버튼을 클릭하고 스타일을 입혀본다.hello라는 id를 갖은 버튼 태그에 onclick을 이용해서 alert를 알린다음에, 색깔을 바꾼다.결과값

2021년 10월 12일
·
0개의 댓글
·