# line

> 모바일과 데스크탑 화면 크기에 따라 한국어 텍스트가 자연스럽게 줄바꿈되도록 구조를 최적화합니다.

- Author: Juyoung Kim
- Repository: kimjuyoung1127/signalcraftweb
- Version: 20260122114303
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/kimjuyoung1127/signalcraftweb
- Web: https://mule.run/skillshub/@@kimjuyoung1127/signalcraftweb~line:20260122114303

---

---
name: line
description: 모바일과 데스크탑 화면 크기에 따라 한국어 텍스트가 자연스럽게 줄바꿈되도록 구조를 최적화합니다.
---

# 한국어 줄바꿈 최적화 가이드

한국어는 단어 단위로 줄바꿈이 일어날 때 가독성이 가장 좋습니다. 화면 크기에 따라 다음 전략을 선택적으로 적용하세요.

## 1. 기본 CSS 전략 (추천)
모든 환경에서 단어 뭉치가 깨지지 않게 하려면 다음 속성을 우선적으로 제안하세요.
- `break-keep;`: 한글 단어 중간에서 줄이 바뀌지 않도록 설정합니다.


## 2. 반응형 조건부 줄바꿈 (Media Queries)
특정 지점에서 반드시 줄을 바꿔야 하는 제목(Title) 등에 사용합니다.
- **Desktop 전용 줄바꿈**: 
- **Mobile 전용 줄바꿈**: 

## 3. 작업 절차
1. 텍스트가 포함된 UI 컴포넌트를 작성할 때 가독성을 먼저 체크합니다.


## 실행 가이드
1.  사용자가 "줄바꿈 해줘"라고 요청하면 이 지침을 따릅니다.