celine

[요구사항] 1. 배너에 마우스를 올리면 배경이 생깁니다. 2. 배너 클릭 시 하얀색 하트가 빨간색 하트로 변경됩니다. 3. 배너 클릭 시 배너 color가 변경됩니다. [이슈사항] *제이쿼리를 최소한으로 이용하고 css로 처리하는 방법입니다. 1. 광고배너와 배경 배너를 같은 위치로 마크업을 해줍니다. 2. 배경 배너를 position: absolute; 처리하여 광고배너와 위치를 맞춰줍니다. 3. 제이쿼리로 광고 배너 클릭 시 addClass : geryBanner 해 줄 예정입니다. - geryBanner라는 클래스가 생겼을 시 변하는 color들을 css로 처리 해 줍니다. .newsLike.greyBanner { border: 1px solid #e1e4e6; } .likeBannerWrap.g..

[조건] 1. 버튼 클릭 시 url 이 복사됩니다. 2. 버튼 클릭하는동안 버튼의 배경색에 opacity가 들어가야합니다. 3. 복사와 함께 복사되었습니다. 라는 토스트 팝업이 잠시 나왔다가 사라집니다. [html] 1. 링크복사 버튼은 css로 모양을 만들어줄 예정입니다. 2. 토스트 팝업은 잠시 숨겨둘 예정입니다. 링크복사 링크가 복사되었습니다. [css] 1. 버튼에 :active를 활용하여 클릭하는 동안 배경색에 opacity를 적용합니다. * : active :: 마우스를 사용하는 경우, "활성"이란 보통 마우스 버튼을 누르는 순간부터 떼는 시점까지를 의미합니다. [참고] https://developer.mozilla.org/ko/docs/Web/CSS/:active :active - CSS: ..

[조건] 1. 화면 상에 100*100 박스 출력 2. 박스안에 특정 도형을 출력 - 도형 종류 무관 - 예) 네모, 세모, 원, 보노보노 등 3. 화살표로 특정 도형 이동 구현 Javascript Drawing 박스 안에 도형 출력-> 화살표로 이동 구현하기 키보드로 원을 움직여보세요 &#128155 var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); var x = canvas.width/2; var y = canvas.height/2; //x와 y의 변수를 이용해서 캔버스 중앙에서 그려지도록 하겠습니다. var ballRadius = 10; // 충돌을 감지하기 위해서는 공이 벽에 닿았는지를 확인하고 //..