미새문지

Flexbox vs Gridhttps://moonmisae-cdpt.tistory.com/272 Flexbox와 GridFlexbox와 Grid는 CSS 레이아웃을 구성하는 주요 css로, 각각 다른 목적으로 사용한다.FlexboxFlexbox는 일차원 레이아웃 모델로, 주로 한 방향(행 또는 열)으로 아이템들을 정렬하는 데 사용된다.Flexbox는moonmisae-cdpt.tistory.com포트폴리오 배경화면맛깔난 배경화면을 찾다가 좋은걸 보게 되었다. 전체화면에 수많은 별이 움직이고 있었는데 배경이 맘에 들어서 vue방식으로 수정해줬다. 화면 자체를 모든 컴포넌트에 적용시켜야 하기 때문에 app.vue에 작성해 전역으로 코드를 적용시켰다. id가 app인 div안에 두 태그가 있..

Flexbox와 Grid는 CSS 레이아웃을 구성하는 주요 css로, 각각 다른 목적으로 사용한다.FlexboxFlexbox는 일차원 레이아웃 모델로, 주로 한 방향(행 또는 열)으로 아이템들을 정렬하는 데 사용된다.Flexbox는 요소 간의 공간 분배와 정렬을 쉽게 할 수 있게 해준다.주요 개념 및 속성컨테이너와 아이템: Flexbox 레이아웃은 flex 컨테이너와 그 안에 포함된 flex 아이템으로 구성된다.주 축과 교차 축: 주 축(main axis)은 flex 아이템이 배치되는 기본 방향(수평 또는 수직)이며, 교차 축(cross axis)은 주 축과 수직인 방향이다.flex-direction: flex 아이템의 배치 방향을 설정한다.row (기본값): 수평으로 배치row-reverse: 수평으로..