강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

Codingbear님의 프로필 이미지
Codingbear

작성한 질문수

한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편

(7.7) 포스트 조회 기능 구현하기

tailwind css 클래스 네임 오타인가요?

작성

·

69

·

수정됨

1

강의 28:25 정도에 컨텐츠 부분 테일윈드 클래스 설정에 오타인지 확인해 주세요.

break-words word-break 를 표기한 건 가요?

아니면 테일윈드 버전에 따른 클래스 네임 변경인가요?

{/* 2-1. 컨텐츠 */} 
<div className="line-clamp-2 break-words whitespace-pre-wrap"> 
  {post.content} 
</div>

그리고 좋아요 버튼, 댓글 버튼 부분 에서 border-1 border 로 수정해야 할 듯 합니다.
border 의 1은 단위를 생략하는 것으로 압니다.

답변 2

1

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 Codingbear님 이정환입니다.

그러네요 🥲 break-words가 아닌 word-break 인데 헷갈려서 잘못 표기된 것 같습니다.

빠른 시일내에 자막으로 추가해두겠습니다.

추가로 border와 border-1은 같은 CSS를 의미하니 생략하셔도 좋고, 그렇지 않아도 문제는 없습니다

0

안녕하세요. 지나가다 댓글 남깁니다.

https://tailwindcss.com/docs/word-break
공식 문서는 word-break가 맞는 것 같습니다.

근데 프로젝트에서는 여전히 word-break라고 하면 적용이 안되고 break-words라고 해야 CSS 적용이 되더라구요. 왜 그런진 모르겠지만 🙂..

Codingbear님의 프로필 이미지
Codingbear

작성한 질문수

질문하기