본문 바로가기

제로하우스

검색하기
제로하우스
프로필사진 송제로투

  • 분류 전체보기 (104)
    • Algorithm (1)
    • Blockchain (12)
    • DB&SQL (17)
    • Git (2)
    • HTML&CSS (5)
    • JavaScript (20)
    • Linux (1)
    • React (12)
    • React Native (1)
    • Web (12)
    • 기타 (21)
      • 코드스테이츠 블록체인 부트캠프 (15)
      • Clinical Research (1)
      • Computer Science (1)
Guestbook
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록pre-wrap (1)

제로하우스

[React] 문자열 줄바꿈하는 방법

JavaScript에서의 문자열 줄바꿈 JavaScript에서는 문자열을 줄바꿈을 하기 위해 다음과 같이 방법을 사용하였다. (참고 링크) 개행 문자(\n) Template Literal 하지만 React에서는 줄바꿈이 동작하지 않는다. 줄바꿈 태그 ( ) 줄바꿈 태그를 사용해도 태그가 문자 그대로 출력된다. 동해물과 백두산이 마르고 닳도록 React에서의 문자열 줄바꿈 React에서는 문자열을 줄바꿈하기 위해 개행 문자(\n)를 사용한 후 CSS 상에서 white-space: pre-wrap을 설정해주면 된다. white-space: pre-wrap 여기서 pre-wrap 대신 pre-line을 사용할 수도 있는데 차이점은 다음과 같다. pre-wrap: 연속 공백 유지 pre-line: 연속 공백을 ..

React 2022. 8. 19. 15:52
이전 Prev 1 Next 다음

Zero House

티스토리툴바