[배운내용]

애니매이션
moon의 경우 포지션상태가 static으로 되어있기때문에
이 전의 잠자리 이동 애니매이션처럼 left를 사용하지 못하고. margin-left를 사용해야한다.

공간을 설정할때 포지션설정이 어렵다면 id로 묶어주는 큰공간을 relative로 감싸주는것이 가장 안전한 방법이다.

해가 처음 시작에 원래 위치에서 딜레이가 되었다가 애니매이션 시작점인 화면밖에서 움직이게 된다. 하지만 현재영역이 사이트를 들어왔을 때 바로 보이는 화면이 아니기 때문에 사용자가 굳이 이 위치에서 새로고침을 하지않는 이상 해가 원래 위치에서 딜레이되는 부자연스러운 모습을 보지않을 것이기때문에 이대로 설정한다.

id와 class명을 지을 때 규칙에 맞게 일관성있게 짓는 것이 중요하다.

[어려웠던 점]

position상태에 따라 top,right등 방향 코드와 margin,padding 코드 등 알맞은 선택 방법
block과 inline이 여전히 헷갈림

[해결방법]

position파트 복습필요. 이번 KidsGao실습에서 가장 많이 힘들었던 부분이었다.
block과 inline 복습도 필요함.

[학습소감]

개념만 계속 배우다가 이제 실습을 해보니, 난이도가 더 확느껴지는 수업이었다. 그리고 이번 수업도 강사님의 수업을 따라가느라 바빴던것 같아서 조금 아쉬웠다. 이번 주말에는 다시한번 복습할 겸 배운 내용을 혼자 해보는 시간을 가져야할 것 같다.