fix: PostCard 한국어 제목 띄어쓰기 기준 줄바꿈 적용#226
Merged
YoonKeumJae merged 1 commit intoMay 22, 2026
Merged
Conversation
한국어 게시글 제목이 글자 단위로 잘리던 문제를 수정한다. wordBreak를 break-word에서 keep-all로 변경하여 띄어쓰기 기준으로만 개행이 발생하도록 한다. overflowWrap: break-word를 추가하여 URL 등 긴 단어에 대한 fallback도 보장한다. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
There was a problem hiding this comment.
Pull request overview
게시글 카드(PostCard)의 제목 줄바꿈을 한국어(띄어쓰기) 기준으로 더 자연스럽게 동작하도록 조정한 PR입니다. 기존 word-break: break-word로 인해 한글이 글자 단위로 쪼개지던 문제를 해결하면서, 공백 없는 긴 문자열(예: URL)도 안전하게 줄바꿈되도록 보완합니다.
Changes:
- 제목 영역의
wordBreak를break-word→keep-all로 변경해 한국어 단어 중간 줄바꿈을 방지 - 공백 없는 긴 문자열을 위한 fallback으로
overflowWrap: 'break-word'추가
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
변경 개요
게시글 카드(
PostCard) 제목의 한국어 줄바꿈 동작을 개선한다.문제
word-break: break-word설정으로 인해 한국어 제목이 글자 단위로 잘려, 단어 중간에 개행이 발생했다.예시 (개선 전)
해결
word-break: keep-all로 변경하여 띄어쓰기(공백) 기준으로만 개행이 발생하도록 수정했다.overflow-wrap: break-word를 추가하여 URL 등 공백 없는 긴 단어에 대한 fallback도 보장했다.예시 (개선 후)
변경 파일
Elevate.Web/src/components/posts/PostCard.jsxwordBreak: 'break-word'→wordBreak: 'keep-all'overflowWrap: 'break-word'추가테스트
swa-elv-web-test배포 완료 및 HTTP 200 확인