# shrink

4개의 포스트
post-thumbnail

15. 산점도

산점도는 두 변수 간의 상관관계를 보여주는 그래프다. 기본 설정 & 데이터 준비 그래프 생성 plt.scatter() : 순서대로 전달받은 x값, y값으로 산점도 그래프를 그려줌. 점 크기 설정 단축어 s(size)에 점의 크기를 지정해줄 수 있음. np.random.rand(n) : n개의 무작위 값(0~1

2023년 1월 17일
·
0개의 댓글
·
post-thumbnail

CSS _ flex

🎉 flex CSS의 flex는 엘리먼트들의 크기나 위치를 쉽게 잡아주는 도구입니다. 지금까지 레이아웃과 관련된 다양한 속성들이 있었지만 그리 효과적이지 않았습니다. flex를 이용하면 레이아웃을 매우 효과적으로 표현할 수 있습니다. 아래 영상에서는 flex가 도입된 배경을 설명합니다. !youtube[BS9T0ZMqT58] flex의 기본 flex를 사용하기 위해서는 컨테이너 태그에 display:flex 속성을 부여해야 합니다. 또한 flex-direction을 이용해서 정렬방향을 바꿀 수 있습니다. 기본은 row입니다. 아래 영상은 flex의 기본적인 사용법을 알려드립니다. !youtube[SbqanXWXvmU] flex1basic.html grow & shrink 아

2022년 4월 22일
·
0개의 댓글
·

CSS flex - basis & grow & shrink

flexbox란? flexbox는 뷰포트나 요소의 크기가 불명확하거나 동적으로 변할 때에도 효율적으로 요소를 배치, 정렬, 분산할 수 있는 방법을 제공하는 CSS3의 새로운 레이아웃 방식입니다. flexbox의 장점을 한 마디로 표현하면 '복잡한 계산 없이 요소의 크기와 순서를 유연하게 배치할 수 있다'라고 할 수 있습니다. 정렬, 방향, 순서, 크기 등을 유연하게 조절할 수 있기 때문에 별도의 분기 처리를 줄일 수 있고, CSS만으로 다양한 레이아웃을 구현할 수 있다. flexbox의 구성 flexbox는 복수의 자식 요소인 flex item과 그 상위 부모 요소인 flex container로 구성됩니다. flexbox에서 사용하는 속성은 부모 요소인 flex container에 정의하는 속성과 자식 요소인 flex

2022년 4월 2일
·
0개의 댓글
·
post-thumbnail

[CS] HTML + Flexbox Day-14

HTML 구성하기 대부분 좌에서 우, 위에서 아래로 진행합니다. CSS 화면 구분 시 수직분할과 수평분할을 차례대로 적용하여 콘텐츠의 흐름을 따라 작업을 진행합니다. 수직분할 화면을 수직으로 구분하여, 콘텐츠가 가로로 배치될 수 있도록 요소를 배치합니다. 수평분할 분할된 각각의 요소를 수평으로 구분하여, 내부 콘텐츠가 세로로 배치될 수 있도록 요소를 배치합니다. Flexbox로 레이아웃 잡기 display:flex가 적용된 부모 박스의 자식 요소는 왼쪽부터 차례대로 이어 배치됩니다. Flex 요소에 방향 지정하기 (flex-direction) flex-direction 또한 부모 박스 요소에 적용합니다. 자식 박스에 특별한 요소를 주지 않아도 부모 요소에 의해 자식 요소가 영향을 받습니다. row, column 이 존재합니다. 주의사항 display 속성에 flex는 부모 요소에 적용합니다.

2021년 10월 21일
·
0개의 댓글
·