제리코드르렁

1.1 justify-content (가로 축 정렬)이 속성은 Flexbox의 자식 요소들을 가로 방향으로 어떻게 배치할지 결정합니다. .container { display: flex; justify-content: center;}값:flex-start: 왼쪽 정렬 (기본값)center: 가운데 정렬flex-end: 오른쪽 정렬space-between: 자식 요소들 사이에 균등한 간격을 주되, 양 끝은 부모 요소에 붙음space-around: 자식 요소들 사이에 균등한 간격을 주되, 양 끝도 동일한 간격을 가짐space-evenly: 자식 요소들 사이와 부모의 양 끝까지 균등한 간격을 줌  1.2 align-items (세로 축 정렬).container { display: flex; align-i..

https://jerrycodezzz.tistory.com/44 CSS Flexbox 속성들1.1 justify-content (가로 축 정렬)이 속성은 Flexbox의 자식 요소들을 가로 방향으로 어떻게 배치할지 결정합니다. .container { display: flex; justify-content: center;}값:flex-start: 왼쪽 정렬 (기본값)center: 가운데jerrycodezzz.tistory.com 1. Flexbox (display: flex)Flexbox는 가로, 세로로 요소들을 쉽게 배치할 수 있게 해주는 레이아웃 도구입니다..parent { display: flex; /* Flexbox를 적용할 부모 요소 */ justify-content: cen..

import React from 'react';function Button({ label, onClick }) { return {label};}export default Button;

npx create-react-app 프로젝트이름