WWebday Studio
AI 코딩 작업 공간

반응형 CSS 레이아웃

좁은 레이아웃부터 시작합니다.

● ● ●Webday Studio●
작업 흐름 · 반응형 CSS 레이아웃 ×
.workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.workspace > * { min-width: 0; }
✳좁은 레이아웃부터 시작합니다.
✓ 변경 사항적용하기 전에 검토하세요 ↗
작업 공간 예시 화면
  1. 적용하기 전에 검토하세요

    실제 동작을 예상 결과와 비교하세요. 검사가 실패하면 다음 변경을 하기 전에 원인을 조사하세요.

  2. 모델

    기본 URL과 필요한 API 키로 OpenAI 호환 또는 Anthropic 엔드포인트를 설정하고 연결을 테스트하세요. 로컬 모델 서버는 실행 중이어야 합니다. 원격 도구는 데이터를 별도로 전송할 수 있습니다.

  3. 프로젝트

    긴 레이블과 코드 블록을 그리드에 넣고 넘친 내용을 숨기는 대신 줄어드는 동작을 고칩니다.

작업 흐름

반응형 CSS 레이아웃

작업 흐름 ↗
작업 흐름
.workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.workspace > * { min-width: 0; }
AI 코딩 작업 공간

다음 아이디어가 여기서 시작됩니다.

Windows용 다운로드 ↗