훈련소 갔다와서 오랜만에 쓰는 글이다.
#4.3, 4.4
Animations parts one, two
@keyframes 가 애니메이션을 만드는 태그이다.
여기에는 두가지 옵션이 있는데 첫번째는 form-to이고 두번째는 %이다.
from{}to{}로 작성하면 아무 조작없이도 form 상태에서 to 상태로 애니메이션이 진행된다.
0% 50% 100% 와 같이 여러 단계로 나누어서 다양한 변화를 보여줄 수도 있다.
#4.5
Media Queries
오직 css만을 이용해 스크린 사이즈를 아는 방법
@media screen and ( max-width:400px){}
400픽셀 이하면 이 css를 보여줘라 라는 의미.
@media screen and (min-width:000) and ( max-width:xxx){}
000~xxx사이라면 이 css를 보여줘라
@media print{}
print모드에서 보여줘라.
#5 Git and Github
text는 쉽게 관리할 수 없다. 파일의 히스토리를 알아야한다.
git은 계속 추적하며 변경내용을 관리하고 github에는 그 변경내역을 업로드한다.
#5.1 Github
repositories는 너의 코드 변경 내역과 그 히스토리를 갖고 있는 폴더이다. commit은 저장시점이다.
#5.2 첫 레포지트리 만들기
이름은 공백없이 소문자로, github desktop이라는 프로그램 다운로드.
나의 정리 공간