2024.01.11 TIL

CSS

1. css할때마다 궁금했던 것이 있는데, 높이 값이 없는데 어떻게 높이를 차지하고 있는지였다.

그래서 팀원분께 여쭤보았다

-> css 높이 값을 주지 않아도 자식들이 자리를 차지 하고 있고, 그 값들의 패딩, 마진값에 따라서 높이가 자동으로 결정되기 때문에 높이값을 따로 주지않아도 높이가 설정되는 것이었다.

 

 

2. flex로 구성한 박스는 웹사이트 크기를 줄이면 자식 요소가 저절로 줄어든다. 그런데 내가 의도한 썸네일 div는 줄어들면 안되기 때문에 어떻게 해야하나 고민했다.

수정 전

정답은 flex-shirink를 0으로 설정하는 것이었다. flex-shrink: 0;를 추가하면 해당 요소가 부모 컨테이너의 크기를 줄일 때 축소되지 않도록 강제한다. 이렇게 하면 thumb-box-in-list가 강제로 축소되지 않고 고정된 크기를 유지할 수 있다.

 

수정 후

/* flex-shrink */
값이 0인 경우: 해당 아이템은 축소되지 않는다.
값이 1인 경우: 다른 축소 가능한 아이템과 동일한 비율로 축소된다.
값이 더 큰 경우: 다른 아이템보다 더 많이 축소된다.

 

작업하던 내용을 다른 브랜치로 옮기고 싶을 때

다른브랜치에서 작업하다가 다른 브랜치에서 작업하고 있다는 것을 깨닫고

작업한 내용을 다른 브랜치로 옮기고 싶을때(저장하지 않은 경우여야함) 쓰는 방법😅

작업하던 브랜치에서 git stash 후

옮길 브랜치로 switch 하고 git stath pop 하면된다.