본문 바로가기

728x90

Computer Science/[dev]web

(65)
sticky 는 근접한 부모가 아니고, 그냥 부모야 position: absolute 근접한 부모 중에 static이 아닌 부모의 기준에서 움직이다. position: sticky 부모 영향을 받으며, 그자리를 유지한다. 아 스티키도 근접한 부모인줄 알고.. 약간 시간 많이 씀 ㅠㅜ
css sticky 안먹는 경우 Height 값이 꼭 있어야해!!!!
map안에서 if쓸때 https://velog.io/@dregonc/map%EC%97%90-if%EB%AC%B8
flex 사파리에서 row-gap column-gap 갭 안먹음 ㅡㅡ gap 지향해야지
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?..

728x90