logo
Published on

2021년 9월 마지막 주 내가 배운 것들

Authors
  • avatar
    Name
    Bora Choi
    Twitter

이번주 새로 알게된 내용 🤓

  1. Css Overflow
  • 이번에 이벤트성 페이지를 만들면서 css style에 대해서 다시 알게 된 내용이 많았는데 그중에 한가지가 바로 overflow ! overflowx축y축으로 나눠 설정을 할 수 있는데 이때 둘 중 하나에 속성을 주면 나머지 하나는 자동으로 overflow : auto로 적용이 된다.

참고: 하나의 축을 visible(기본값)로 하고, 다른 축에는 다른 값을 지정할 경우 visible이 auto처럼 동작합니다. MDN overflow

overflow-x 와 overflow-y의 조합에 대한 예시 사이트를 발견했는데 이것도 참고해보면 이해하는데 도움이 될 것 같다! overflow 예시

  1. css float 와 shape-outside
  • 누가 요즘 float을 쓰나 ...? 저요! 🙋‍♀️ 사실 이번에 처음으로 써본 float. flex boxgrid를 이용하면 요즘에는 안되는 레이아웃이 없기도하고 요즘에는 float 지양하는 추세인데 왜 내가 float를 썼냐하면... 바로 shape-outside속성때문이다!
    이것도 이벤트 페이지 스타일링 하면서 새로 알게된 내용! 이미지가 모양은 직사각형으로 되는데 clip-path로 모양을 자르고 그 모양에 따라 텍스트 배열을 어우러지게 할 수 있다! 무슨 소리냐하면 ...
    바로 요러케!

    shape-outside

블로그나 매거진 스타일링시 html과 css로도 이제 이런 스타일을 만들 수 있다!

MDN shape-outside


이번주를 보내며

사실 9월달 되고 본격적으로 새 프로젝트하느라 정신이 없고 + 집오면 정처기 실기 공부하느라 블로그 정리를 소홀히했다. 역시 바로바로 정리 안하니까 "새로 알게된 내용은 많은데 그게 뭐였더라 ...🤔" 하는 느낌이 강해서 앞으로는 바쁘더라도 짬을 내서 정리를 해둬야겠다.🥲
반성반성 ....10월에는 꼬박꼬박 제때에 정리하자 아좌좌~~

아좌좌