inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

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

150

Codingbear

작성한 질문수 18

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은 단위를 생략하는 것으로 압니다.

react typescript react-query supabase zustand

답변 2

1

이정환 Winterlood

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

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

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

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

0

cupshop123

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

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

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

수파베이스 데모 버전

0

41

1

modal-root질문드립니다.

0

66

2

모달 여러개 질문드립니다

0

55

2

tsconfig.app.json 파일 설정(경로 별칭 옵션) 관련 질문입니다.

0

73

2

onSettled 질문드립니다.

0

67

2

Zustand의 Store 타입은 어떤 기준으로 작성하는 건가요?

0

97

2

포스트 작성 중 이탈 방지 기능 (취소 버튼 클릭 시 오류)

0

102

2

"포스트 생성에 실패했습니다" 실패 문구와 함께 에러가 발생합니다ㅠㅠ

0

103

2

강의자료는 어떻게 제작하시나요?

0

110

2

비밀번호 재설정 1회용 이메일 링크

0

117

1

강의 수강 후 포트폴리오 준비 방향에 대해 조언 부탁드립니다.

2

123

1

회원가입 구현 (구현 후 최종 화면 출력 X)

0

149

2

(6.11) 회원가입시 프로필 정보 자동 생성하기 Q. 호출 순서 문의

0

93

1

명시적 타입 선언(콜론 타입 선언)과 as 타입 단언 차이

0

97

2

useMutation 적용 후 새로운 글 등록시 content가 안보여요

0

124

3

6.8 zustand 세션 질문입니다.

0

170

2

next.js 강의에서도 리액트 라이브러리들을 다뤄주시나요?

0

149

2

shadcn에서 radix ui와 base ui 차이는 뭔가요?

1

831

2

updateTodo 함수 생성시 화살표 함수 사용 안하는 이유

0

140

2

4.11 바로 투두 삭제가 안됨 질문

0

157

3

매개변수 updatedTodo 관련 질문

0

129

3

인증 정보가 만료되었을 때 라우트 가드 처리가 궁금합니다!

0

143

2

supabase를 사용하지 않을 경우 세션 데이터의 변경을 감지하고 스토어에 보관하는 방법이 궁금합니다!

0

142

2

4.6 id를 string으로 변경시 오류

0

140

2