Dev/css

    이미지 width: 100% 일때 비율 유지하면서 height 설정

    이거다! 그리드 안쓰고 https://velog.io/@juno7803/%EB%B0%98%EC%9D%91%ED%98%95%EC%9C%BC%EB%A1%9C-%EC%A2%85%ED%9A%A1%EB%B9%84-%EC%9C%A0%EC%A7%80%ED%95%98%EC%97%AC-%EC%9D%B4%EB%AF%B8%EC%A7%80-%ED%91%9C%EC%8B%9C%ED%95%98%EA%B8%B0 반응형으로 종횡비 유지하여 이미지 표시하기 반응형 웹을 공부하면서 ` 태그가 아닌, 특정 card와 같은 컴포넌트에 가로 세로 비율을 유지하면서 background-image`를 주는 방법에 대해서 소개드리려고 합니다! velog.io

    sticky 는 근접한 부모가 아니고, 그냥 부모야

    sticky 는 근접한 부모가 아니고, 그냥 부모야

    position: absolute 근접한 부모 중에 static이 아닌 부모의 기준에서 움직이다. position: sticky 부모 영향을 받으며, 그자리를 유지한다. 아 스티키도 근접한 부모인줄 알고.. 약간 시간 많이 씀 ㅠㅜ

    css sticky 안먹는 경우

    css sticky 안먹는 경우

    Height 값이 꼭 있어야해!!!!

    svg가 display:flex 일때 안보임 (safari)

    https://stackoverflow.com/questions/66532071/flex-svg-behaving-strange-in-ios-safari-14-0-3

    safari에서 border 와 hidden 안먹힐때

    https://estar.tistory.com/100

    outline 은 border와 다르다

    https://ossam5.tistory.com/139 [CSS3강좌] 31강 CSS outline속성 - 오쌤의 니가스터디 ** 영상으로 보고 싶은 분은 아래 주소를 클릭하세요! https://www.youtube.com/watch?v=TaXDcQFAOkw 1. outline 속성이란? - outline(윤곽선)은 요소를 눈에 띄게 하기 위해 테두리(border)의 바깥쪽에 그려지는.. ossam5.tistory.com 내가 프로파일 이미지에 호버 하면 동그렇게 border가 생기는 기능을 만들고 있는데, outline으로 해야한다. 그래야 안쪽에는 적용안되서 이미지가 밀리는 일이 없당

    css -> scss -> module.scss

    컴포넌트 스타일 보다는 module 이 더 괜찮은것 같다. 모든 팀원이 스타일에 도가 터서, 날고긴다면, 컴포넌트 스타일도 나쁘지않을 것 같지만, 현실적으로 그냥 scss를 쓰는게 맞는것 같다. 리액트는 컴포넌트가 재귀적으로 호출 되기 때문에, scss. 해도 다른 컴포넌트의 스타일이랑 충돌이 나거나 곂칠수 있다. 그래서 module.scss 를 사용하는게 속 편하고 좋은것 같다. 다만, 단축키 누르면 자동으로 className={cn('')} 요렇게 나오는 플러그인을 만들던가 해야겠다. 저거 다 치고 있으니깐, 또 생산성이 안나온다. 찾아보니깐 className 까지는 Shortcut 이 있는데 모듈형 까지는 숏컷을 지원해주는 플러그인은 못찾겠다. https://www.google.com/search?..