오늘 하루에 대한 기록 2020/10/12
- 주요내용 / instargram clone-codeing 강의 header, contents, side_box 강의 수강
- 개선할점 / 충분한 수면, 습득력 향성오늘 하루 instargram clone-codeing 강의중 3편의 강의를 보왔다.
header, contents, side_box를 보왔고, 오늘 느낀점은 크게 3가지로 나뉘게 된다.
- position-flex 의 다양한 활용
- section div header 을 통한 더욱더 깔금한 html 코딩
- css의 부모 상속 관계를 정확히 짚고 넘어간점.
position-flex 의 다양한 활용
기존에 position-flex 의 기능을 알고 있던점은 float:left의 기능과 absolute 의 부가적 기능만을 가지고 있는걸로만 알게 되었지만. 오늘 크게 느낀점이 2가지가 있다.
- justify-content를 활용하여 양 옆을 깔금하게 치울수 있는것
- 부모 자식에 따라 부모엔 relative, 자식엔 flex 배치를 해서 유동적으로 배치가 가능한점
우선 첫번쨰가 가장 놀라웠다.
기존에 float를 일일히 따로 주고나서 배치를 해두는 방식으로 양쪽에 필요한 이미지나 텍스트 등을 나뚜었는데 justify-content를 통하여 간편하게 관리한다는점이 흥미로웠다.
2번째는 탄력적으로 position을 수정하여 웹페이지에 영향을 줄수 있다는점을 새롭게 알게 되었다.
section div header 을 통한 더욱더 깔금한 html 코딩
기존에 div로만 주구장창 개발하거나 header section만 활용해서 코딩한 경우가 있었다. 그런 코드들의 문제점은 한번 만들고 나면 가독성이 상당히 떨어져서 추후에 코드를 리모델링 하거나 여러 다른 작업을 하기엔 문제점이 있었다.
하지만 본 강의에서 나타난 정리된 코드들로 작성을 하고 그에 대한 부가 설명이 강의에 잘 녹아들어 습득하는데 큰 어려움은 없었다.
그러나, 내용을 숙지하는데 오늘 하루를 종일 투자한거 같다.
(1강의당 대략 40~50분정도?)
css의 부모 상속 관계를 정확히 짚고 넘어간점.
css의 부모 상속 관계에 대해 정확히 모르고 있었던점이 있었다. 사실 오늘 하루에 대한 기록을 하면서도 이해가 가장 안된점이다. (추후 자기전이나 시간적 여유로울때 다시 한번 다룰예정)
다행이도 본 강의에서 물흐르듯 설명을 잘 해주었지만, 상속 관념에 대해 잘 모르는 나에겐 다시 한번 돌아봐야 할 내용인거 같다.
개선할점 : 충분한 숙면 / 습득력 향상
하루 기숙사에서 7시간 정도 자도록 노력을 해야겠다. 오늘 정규 수업시간중 1시간 정도 잠에 빠진거 같다.(이런…)
또한 다양한 정보를 습득하기 위해 습득력을 길러야 겠다란 생각을 가지게 되었다. (오늘만 해도, 이해가 안된점들은 구글링을 통해 이해를 하려고 노렸했지만, 시간적 여유가 많이 안된다.)