Git repository

211025

홍루이젠 최종완료(리스트위치 수정)
카카오 : 클론코딩시작, 마크업 완료
포폴 : content1 css 90% 완성

211026

카카오 css 진행
Westudy week 1 과제 코딩 완료(호스팅 준비)

211027

카카오 css 완료

내용물 크기만큼 크기잡기
display:inline-flex;

211028

javascript 달력만들기

css 애니메이션 와따가따(animation 속성에 넣어줘도 됨)
animation-direction:alternative;

창 열리자마자 함수실행시키기(dom level2, onload 두번사용 x)
window.addEventListener("load","함수명",false);

포폴 1차 완성(차후 피드백 반영)
앱코딩시작(이미지 저장 완료)

211029

앱코딩

그리드 사용(쿡쿡키트 카테고리)

그리드 참고자료

211030

앱코딩

깃허브로 호스팅하기
레포>세팅>깃헙페이지스-소스-None>master branch>깃헙페이지스에서소스획득

제이쿼리 애니메이션 자바스크립트&&css로 구현하기
//target JQuery code
//$btn.onclick = function(){
//	$($x).stop.animation({"width":"100"},1000,"linear"});
//}
//CSS
#x{width:0;}
#x.on{animation:ani 1s forwards;}
//JavaScript
$btn.onclick = function(){
	$x.classList.add("on");
}
근데... 일케 안하고 그냥 keyframes만 사용해서 해결함...
굳이 클래스 추가안해도 보였다 안보였다하는 애들은
애니메이션이 보일때마다 적용됨. 좋은공부였다!!!