ksc-dev 님의 블로그

  • 홈
  • 태그
  • 방명록

2026/04/20 1

Claude Code로 테트리스 만들기 3부 - 반응형 레이아웃 구현

1. 배경3부는 모바일에서도 잘 보이도록 반응형 레이아웃을 구현한 과정이다. 2. 핵심 문제테트리스 보드는 10×20 고정 비율이라 CSS vw/vh 단위만으로는 화면에 맞추기 어렵다. 높이 기준으로 맞추면 가로로 삐져나오고, 가로 기준으로 맞추면 세로로 삐져나온다. 3. 해결 방법 — JS로 동적 셀 크기 계산 const CELL_SIZE = computed(() => { const byHeight = Math.floor((windowHeight.value * 0.75) / BOARD_ROWS) const byWidth = Math.floor((windowWidth.value * 0.62) / BOARD_COLS) return Math.max(16, Math.min(byHeight, byW..

프로젝트/레트로 테트리스 2026.04.20
프로필사진

ksc-dev 님의 블로그

ksc-dev 님의 블로그 입니다.

  • 분류 전체보기 (34)
    • express (1)
    • docker (1)
    • vite (3)
      • vue3 (3)
    • LLM (8)
    • 프로젝트 (14)
      • 레트로 테트리스 (6)
      • 내기 모음 (1)
      • 축덕 퀴즈 (5)
      • 엑셀구글시트 자동화 웹사이트 (1)
      • 오늘의 운세 (1)
    • python (1)
      • django (1)
    • 사이트 배포 (1)
    • TypeScript (1)
    • Unsloth Qwen (1)
    • 프론트엔드 (1)
    • 개발 정리 (1)
    • 보안 (1)

Tag

JavaScript #Vue3 #Vite,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/04   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바