네이버 카피캣 (1/2)
키즈가오와 마찬가지로 홈페이지 카피캣이 수업내용이었다.

1) 학습한 내용

크롬 확장 프로그램 (개발에 도움되는)

wappalyzer - 사이트에 사용된 언어나 프레임워크를 알수있음 (보안된것제외)

CSS viewer (클릭으로 css속성값을 볼 수 있음)

새롭게 알게된 width 코드

width: calc(100% - 52px);

전체 너비 100%에서 52px 만큼뺀 크기만 적용하겠다.

인풋박스를 클릭했을때 생기는 테두리를 없앨수있는 코드
#main-header .search_wrap input:focus {
outline: none;
}
가상선택자 Focus 는 마우스로 선택을했을때 생기는 테두리의 효과를 삭제하기위해 사용함

1. 검색창

2. 메뉴

3. 배너광고

4. 뉴스스탠드

5. 블로그

만들면서 느낀점은 닫는태그를 두는곳을 착각해서 많이 헤매거나, 이해하고 다아는코드지만 내힘으로 네이버 로고하나 넣는것도 매우 어려웠다. 내것으로 만들려면 좀 더 확실하게 그 부분을 짚고 넘거아갸아한다.

display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;

이 코드는 반복적으로 flexhelp에서 가져온 코드인데

웹사이트의 가운데에 컨텐츠를 배치하는데 많은 사용을 했다.

16일차 Github 실습내용

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

내용자체에 이해되지 않는 부분은 없지만, 온전히 이해하는것이 매우어려웠다.
강사님의 타이핑 속도와 화면전환이 너무빨라서 멈추고 섰다를 반복했다.

눈으로 봤을땐 이해하고 카피했을때 이해하지만 정작 내가 작은 메뉴라도 하나 만들때는 진땀을 흘리면서 만든다.

3) 해결방법

많이 해보는것이 해결방법인듯 하다.

4)학습소감

조금만 천천히 하면 좋겠지만 정해진 진도가있고 속도를 맞춰야하니 내가 좀 더
열정적으로 해야할거같다.