Flexbox 플레이그라운드 사용 방법
- 입력값 준비: 방향, 주축·교차축 정렬, 줄바꿈, 간격과 항목 수를 선택합니다.
- 실행과 확인: 필요한 옵션을 고른 다음 계산·변환·생성 버튼을 누릅니다. 잘못된 값은 결과 영역에 수정 방법과 함께 표시됩니다.
- 결과 활용: 선택값이 적용된 배치와 복사 가능한 Flexbox CSS를 보여줍니다.
입력값과 결과 읽는 법
정렬 옵션을 바꾸며 Flexbox 레이아웃과 CSS를 실험합니다. 입력 범위가 있는 숫자와 날짜는 범위를 벗어나면 계산하지 않으며, 결과는 한국어 숫자 표기와 단위를 함께 표시합니다. 초기화 버튼으로 예시값을 복원하고 Ctrl 또는 ⌘ + Enter로 빠르게 실행할 수 있습니다.
사용 전 확인사항
자식 요소의 크기와 flex-grow 설정에 따라 실제 프로젝트 결과는 달라질 수 있습니다.
개인정보와 처리 방식
대부분의 계산과 변환은 현재 브라우저에서 실행되어 입력값을 쓸모칸 서버에 저장하지 않습니다. 외부 연결이 필요한 기능은 실행 영역과 개인정보처리방침에 전송 대상과 목적을 표시합니다.
자주 묻는 질문
Flexbox 플레이그라운드는 무료인가요?
네. 회원가입과 설치 없이 무료로 사용할 수 있습니다.
어떤 값을 입력해야 하나요?
방향, 주축·교차축 정렬, 줄바꿈, 간격과 항목 수를 선택합니다.
결과가 공식 증빙으로 사용되나요?
일반 변환값은 바로 활용할 수 있지만 급여·금융·건강·근로 관련 수치는 참고용입니다. 중요한 결정 전에는 최신 공식 자료와 담당 기관의 결과를 확인하세요.