| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
Tags
- Download
- 리액트기초
- useState
- form
- NeXT
- VUE
- CSS
- JavaScript
- 리액트
- err
- develop
- type
- 프론트엔드
- 프론트엔드개발
- vscode
- vue-cli-service
- axios
- frontend
- Chart
- TradingVIew
- npm
- FRONT
- error
- 이미지
- react
- 시멘틱태그
- components
- antd
- Package
- 상태관리
Archives
- Today
- Total
개발쬬
[javascript] 문자 /n 줄바꿈 변환작업 본문
반응형
백에서 전달받는 데이터중에는 문단의 특성을 전달받지 못한 경우가 많다 그래서 replace로 /n 를 변환해준다
//cardData /n이 포함된 문자열을 포함한 배열
cardData.forEach((el, index) => {
cardData[index].cont = el.contents.replace(/\n/g, "<br />");
});
vue 환경이라 v-html를 활용했지만 p태그 안에 적용해줘도된다
<div class="content">
<p v-html="item.cont" />
</div>
반응형
'쬬는 개발중' 카테고리의 다른 글
| [axios] 이미지 POST 기능이 제대로 동작하지 않을때 확인사항 (0) | 2022.12.02 |
|---|---|
| [javascript | Vue] 이미지 다운로드 기능 만들기 (canvas/url활용) (0) | 2022.12.02 |
| [javascript] window.open 팝업권한 사파리 문제해결 (0) | 2022.11.29 |
| [javascript] youtube embed 소스 자동재생 모바일에서 안된다면 (autoplay 이슈해결) | mobile 자동재생 안됨 (0) | 2022.11.25 |
| [javascript] 스크롤 내릴때 사라지고 올라갈때 나오는 검색바 만들기 (앱 호환) (0) | 2022.11.23 |