7/28 개발일지

1. 학습한 내용

미디어 쿼리 적용

1024px

767px

CSS 형제 선택자? CSS의 + 및 ~ 기호 사용법 정리

CSS 인접 형제 선택자 : +
A + B
인접 형제 선택자는 + 기호를 사용하며, A와 B가 같은 계층에 있을 때 A 바로 뒤에 B를 선택자로 지정합니다.

CSS 일반 형제 선택자 : ~
A ~ B
일반 형제 선택자는 ~ 기호를 사용하며, A와 B가 같은 계층에 있을 때 A 뒤에 있는 모든 B를 선택자로 지정합니다.

mouseover, mouseout

// jquery - mouseover / mouseout 
$(".card").on({
   "mouseover":function(){
     console.log("Mouse Over");
     $(this).css({'background-color':'red'});
   },
   "mouseout":function(){
     console.log("Mouse Out");                
     $(this).css({'background-color':'white'});
   }
 });

$(this) 선택기의 자식을 얻는 방법

$(this).children("img:first")

2. 학습내용 중 어려웠던 점

x

3. 해결방법

x

4. 학습소감

팀프로젝트를 하면서 혼자 하는 것이 아닌 같이 함으로써 알아가게 되는 것이 많습니다. 찾고 공유하고 도와주고 하면서 오늘도 또 새로운 것을 알게 되었습니다. 내일도 다른 작업을 하면서 이와같이 배우고 싶습니다!