파이썬 문법강의를 들으면서 HTML,CSS 쪽 강의까지 진도를 빼나서 복습겸 보았다.
그런데 생각보다 기초를 더 다지게되었다.
뷰포트, 싱글쿼터(''), 더블쿼터(""), 엠퍼센트(&), 틸트(~), 에스터리스트(*), 캐럿(^)
등 자주쓰지만 정확한 용어는 확실하게 모르고 얼핏들은 기억 뿐이었는데 확실하게 짚고가니 좋았다.
그리고 html1,2,3,4 그리고 5사이에 xhtml이라는 것이 있었고
빈테그의 경우에 />로 끝나는 경우가 있어서 가끔 왜 이렇게하는지 몰랐는데
버전의 차이이고 4.5버전(xhtml)부터는 빈테그에 />가 추가되었다고 한다.
쓸려면 전체적으로 쓰고 쓰다 말았다 혼용은 하지마라고 하셨다.
그리고 내어쓰기는 잘 할 일이 없지만 쉬프트 + 탭 단축키 꿀팁도 챙겼다.
Inline, Block 요소 설명에서 개념이 너무 잘 잡아주셨다.
내가 처음에 배울 대는 인라인은 가로로 블록은 세로로 쌓인다 그냥 이렇게 눈에 보이는 현상에 대해서만 설명을 들었는데 무슨 기준으로 그렇게 나뉘는건지 잘 이해가 안되서 개념이 많이 헷갈렸었다. 그런데 인라인요소는 글자요소이고 블록은 상자요소라고 한다. 그러니 이해가 확되었다. 글자니까 당연히 왼쪽에서 오른쪽으로 가는 것이었다. 상자요소는 레이아웃이라 생각하면 되고.
그리고 인라인 요소는 최대한 텍스트의 크기만큼만 줄어드려고 작동을 한다고 한다. 이런 기본적인 동작 원리들을 이해하니까 어설프게 알고있는 것들이 좀 더 이해가 잘되었고 약간의 재미가 생겼다. 하지만 또 보고 복습을 안하니까 많이 잊어버린 것 같다. 복습을 좀 해야겠다. 그리고 강의가 잘해주셔서 추가 강의를 듣고 싶을 만큼이었다... 8주차 보고서를 알차게 쓰면 구독권을 주신다고하니까 주머니 사정을 생각해서? 조금 기다려야겠다.
참고 display 실전에서 사용할 때 유용한 사이트 메모
https://flexbox.help/
