⏺학습한 내용🕵️‍♂️

⭕ KidsGao 실습

(복습 몇 가지)

✅ < br > tag로 줄 바꿈 설정을 할 수 있다.

<p>
	자초 어성초 감초를 넣어서<br>
	피부진정 및 항염 효과가 있답니다.
</p>

✅ 자식으로 float 속성을 사용하게 되면, float은 3차원 특징을 일부 갖고 있기 때문에 자식의 높이값이 부모에게 영향을 줄 수 없다.
so, mobile 버전에서 height 값을 auto로 했을 때, 자식이 있다면, 자식의 height 값으로 대체하겠다.
but, 그 자식이 모두 float을 썼기 때문에 실질적으로 부모의 height 값에 영향을 못 줌.
하지만 overflow: hidden 을 적용하면 부모의 height 값에 영향을 줄 수 있다.

#science .scienceWrap {
	overflow: hidden;
	width: 360px;
	height: auto; }

✅ z-index

동일한 조건에서 같은 3차원이라면, 후에 작성된 영역이 z축에서의 상단에 위치하게 된다.

✅ position: relative;

position: relative;을 부모 기준으로 적용해야 자식 tag에서 top, right, bottom, left 를 사용할 수 있다.

position: relative; tag를 사용하지 않을 경우, image는 브라우저 가장 상단에 나타난다.

부모가 3차원이면, 부모 영역을 기준으로 좌표가 배치된다.

---

⏺학습내용 중 어려웠던 점🤦‍♂️

🔘 굉장히,,,,귀엽고,,간단해 보이는 홈페이지 였지만 따라하는 것 만으로도 시간이 상당히 걸린다. 자잘한 오탈자 실수를 찾는 것도 쌓이다 보면 생각보다 지체되는 시간이 많이 생긴다.

---

⏺해결방법🙋‍♂️

🔘 강사님도 어떤 사소한 한 문제를 해결하는데 3일씩 소요된다고 했는데 초심자들인 우리들도 마찬가지 일거라고 생각한다! 꾸준히 잘 따라가보자.

---

⏺학습소감🙇‍♂️

🔘 막상 실습을 하니 정리해서 올릴 새로 배운 내용이 평소보다 없기도 한데 그대신 그보다 더 강의듣는 시간이 오래 걸린다,, 하나의 파일안에 내용도 많아지다보니 코드 위치 찾는것도 길어지고,,빨리 익숙해지길!

---