TIL(16)

💻 Today

1. 코드스테이츠

• css(중급)
• css pair

2. 학습

• css

3. 생각

항상 도움을 받기만 했던 것 같은데 오늘은 누군가에게 도움을 드려 나름 기분이 좋았다.
html이나 css에는 어느정도 지식이 있어 오늘의 과제는 크게 어렵지 않았다.
몇가지 막히는 부분은 있었으나 그 부분들을 제외하면 오로지 내 힘으로 만들어낸 결과물이 있어 뿌듯했다.
오늘 함께한 페어는 html,css에 대한 기본개념이 좀 부족했다.
차근차근 내가 아는 범위내에서 알려드리고 더 나아가 그분이 과제를 할 수 있도록 도와드렸다.
부족한 설명이지만 다행히 페어도 과제를 마무리 할 수 있었다.
설명을 통해 다시 한번 학습을 했다는 느낌이 들었다.
이래서 누군가를 가르치 것도, 배우는 것도 중요하다는 걸 오늘 제대로 알았다.
그리고 설명이라는게 참 어렵다는 것도 느꼈다.
내가 아는 것을 누군가에게 설명을 하는게 생각보다 입으로 나오지 않았다.
머리로는 돌고 있는데 말로 하려니 이게 참 쉽지 않았다.
이 또한 내가 앞으로 개선해야 할 점이라는 것을 알았기에 또 하나의 과제가 생긴것 같다.
오늘도 한다!!!

4. CSS

id, class명 생성시 다른 사람들이 보기에도 이해가 되기 쉽게 표기하는게 적절함!

display : flex (부모에 적용)
flex - direction : columm (부모에 적용)
flex: 1 0 auto (자식에 적용)

css 크기에 대하여

• px, % 의 차이

  px : 화면에 크기를 고정하는 단위

  % : 부모 요소의 영향을 받기에 적절하게 사용 해야함

• em

  자신의 (넓이) font-size 영향 및 상속에 영향을 받음

  이로 인해 유지보수가 어렵다

• rem

  최상단의 부모 font-size 영향을 받음

• vw , vh란

  화면에 보이는 전체 사이즈
  100이 최대 사이즈(화면 전체 사용)
  화면을 축소하면 축소하는 만큼 유동적으로 변함

• vmin, vmax

  사이즈가 유동적으로 변할때 최소 or 최대값을 백문율로 나눠서 화면에 나타남