# gap

멍청로그 #1 - margin-right와 gap
__이 멍청로그는 개발에 대해 1도 모른 상태에서 저지른,,, 말그대로 멍청한 일들 ㅎ.....__ 다시 생각해도 넘 멍청해서 부끄럽지만 기록을 해보려한다. 작성하면서 회고한다면 더 이상 이런 멍청한 짓을 안하지 않을까...? 1. 나는 그동안 div간 간격을 줘야 할 경우 무엇을 썼는가? 일반적으로 페이지에 반복되는 div가 들어가는 경우, 위에 나열한 사진들처럼 자세히 보면 div간 일정한 간격이 존재한다. css를 아-무것도 몰랐을때는 단순히 margin-right를 주면 된다고 생각했다. (진짜 멍..ㅊ)

VGG Net의 GAP에 대한 궁금증
수업을 듣다가 VGG Net의 head에는 GAP(Gloabal Average Pooling)이 적용되어 있다는 설명을 들었다. 실제 VGG16의 pretrained model 구조를 출력해보면 확인이 가능하다. 보면 Linear-33 바로 위에 AdaptiveAvgPool2d가 있고, 512 $\times$ 7 $\times$ 7의 output을 생성하는것도 확인이 가능하다. 근데...아무리 이미지 정보가 sparse하다 해도, convolution layer를 모두 거치고 나온 feature map의 채널 하나를 global average pooling 해버려도 괜찮은걸까? 하는 궁금증이 생겼다. >교수님한테 여쭤보니, 직접 해보라는 답변을 들어서, 직접 해보았다. 원래 VGG16에서는 conv layer 13장, fc layer 3장으로 구성하는데, 코랩 하루 용량제한이 걱정돼서 conv layer 11장, fc layer 3장, 그리고 gap사이즈를 (7) &rarr
[25] 05/09 자바스크립트 수업(2)
그리드 grid - template - columns : 가로 정렬 및 크기 지정 grid - template - rows : 세로 정렬 및 크기 지정 gap : 박스 간 간격 조정 repeat(auto-fill, minmax(200px, auto)) : 지정된 크기를 유지한채로 자동채우기

TableView Section Header 상단 여백 제거
TableView를 사용하던 도중 SectionHeader를 이용하는데 알 수 없는 빈 공간이 생겼습니다. 해결방법을 몰라서 여러 블로그를 참고하던 중 이와 관련된 블로그는 없는 것 같아 해결방법을 올리게 되었습니다. 아직 IOS배운지 한달 되어서 오류가 있을 수도 있으니 많은 지적 부탁드립니다. >먼저, 화면을 설명드리고 오류가 발생한 지점을 설명드리겠습니다. 노란색으로 보이는 backgroundCView는 TableView의 backgroundColor입니다. 녹색으로 보이는 View는 SectionHeaderView의 Color입니다. < tableView의 색으로 이루어진 알 수 없는 공

✏️ display flex 에도 gap을?
들어가며 목록화면을 퍼블리싱 작업할 때, 종종 display: grid를 사용한다. 여백을 잡을 때, 특히 gap을 사용해 열과 행 사이의 간격을 컨트롤하기 쉬웠기 때문이다. 근데 display: flex에서도 가능한 줄 몰랐어서 찾아보고 기록 남기려한다. 사용 방법 1. 사용 조건 인접한 요소가 있을 때, gap 스타일 속성으로 갭을 만든다. 적용대상 : multi-column elements, flex containers, grid containers ❓multi-column (다중 칼럼) column-count 속성을 사용해 몇개의 단으로 레이아웃을 나눌 경우, 그 사이의 간격을 column-gap 뿐만아니라 gap 속성으로도 조정할수있다.

[TIL] 20220826
오늘은 개발보다 공부에 집중 7시에 개발 회의 완료 (위클리 스크럼) 토스ㅣSLASH 22 - Effective Component 지속 가능한 성장과 컴포넌트 시청 ⇒ https://velog.io/@dnr6054/유용한-리액트-패턴-5가지#compound-components-pattern https://ko.javascript.info/modules-intro module에 대해서 조사 https://cpro95.tistory.com/492 Ne
IE를 지원하지 않아도 된다면 가장 쓸모 있는
패스트캠퍼스 강의를 정리한 내용입니다. "The RED : 견고한 UI 설계를 위한 마크업 가이드 by 정찬명" CSS flex 박스의 크기, 방향, 순서, 정렬, 간격 등 배치에 관한 거의 모든 것을 제어하는 새로운 박스 모델 IE 브라우저에서 발생하는 버그가 많으므로 IE를 지원해야 하는 경우 비추천 IE bugs Minimum content sizing of flex items not honored Column flex items set to align-items: center overflow their container min-height on a flex container won't apply to its flex items ⚠ flex shorthand declarations with unitless flex-basis values are ignored ⚠ **Column flex items d

[CSS] Grid
🏠 Grid 주축과 교자축 전부(2차원)에 item들을 배치할 수 있다. sementic web의 header, footer, content를 나누어 css를 적용할 때도 사용 가능하다. column, row로 이루어져 있다. col과 row 사이에 gap이 존재할 수 있다. flex와 마찬가지로 container에 display: gird값을 준다. : 바깥 container끼리는 inline으로 설정하고, 내부 요소들은 grid를 적용하겠다는 의미 🏠 Grid container 🧱 grid-template-rows 몇개의 행/열을 가질 것인지 설정. 지정된 행/열보다 item이 넘칠 경우에는 자동으로 맞춰주지 않는다. ![](https://images.v