캐리지 리턴 관련 문의 드립니다
176
작성한 질문수 78
안녕하세요. 수차례에 걸쳐서 강의를 반복해서 듣고 있습니다.
캐리지 리턴 관련 질문 드립니다.
상품상세에서 description(상품설명)이 있는데 문자열의 캐리지 리턴을 <br />로 바꾸어서 화면에 출력을 하면 화면에는 <br />을 포함한 아래와 같은 문자열로 표시 됩니다.
확인 부탁 드리겠습니다.
Descriptionプラセンタ配合のエイジングケアトニック！<br />ジェットスプレーが直撃！頭皮と毛髪をトータルケア<br />※年齢に応じた栄養補給によるケア<br /><br />アルコールを含む
※제가 예전에 AWS관련 질문을 드렸는데 알기 쉽게 쓸려고 몇번을 지우고 다시쓰고 했는데 지웠던 질문에 대한 답변을 주신것 같습니다
번거로우시겠지만 다시한번 확인 부탁 드릴께요
답변 1
1
안녕하세요 늦은 답변 죄송합니다 !!!
리액트에서는 렌더링 내부에서 <br /> 같은 html 태그가 담겨있는 string 형태를 렌더링 하면, 문자열 그대로 렌더링하게 됩니다.
이 부분은 cross-site scripting(XSS) 공격을 막기 위해서 인데요...
그래서 만약 저렇게 html 태그를 렌더링 내부에서 사용하기를 원하신다면 아래와 같이 사용하셔야 합니다.
<div dangerouslySetInnerHTML={{ __html: 코드 }} > </div>
로 해주시면 됩니다.
만약 dangerouslySetInnerHTML을 쓰기 싫으면 <br /> 대신에 \n을 쓰신 후에
{ 코드.split('\n').map( 한줄 => { return (<span> {한줄}</span>)})}
이런식으로 해주셔도 될 것 같습니다. 감사합니다.!
강의 내용은 훌륭하나, 환경 설정 오류 때문에 진도를 나갈 수 없습니다. 20년 버전 강의.
0
74
1
강의자료는 어디서 볼 수있나요??
0
83
1
이 쇼핑몰 만들기 강의는 관리자페이지 만드는건 없나요
0
136
2
웹에서 실시간 코드반영이 안돼요
0
137
1
app.use질문
0
74
1
강사님께 어떻게 직접질문할수있어요??
0
84
1
const함수같은거 기초강의는 어디있나요
0
97
2
리덕스 참조챕터가 어딨어요? 미리듣고오라는데요
0
88
2
강의가완전 오래되서 다 틀리네 app.jsx도 tailwind css 다틀림 무책임함
0
75
1
개발자도구에 redux란이 없어요
0
95
1
npx tailwindcss init -p 에서 계속 에러나요
0
99
1
쇼핑몰기능중 찜하기 기능은 어떻게 구현하나요
0
151
2
강의하다 줌으로 설명가능한지좀 정확히 알려주세요. 이 선생님 정책이 어떻게 되는데요. 직접 연락할 메일이라도 알려주세요
0
48
1
도표 강의 자료 열람 불가능
0
117
1
tailwindcss를 vite에서 이용하는 방식이 바뀐것 같습니다.
0
1150
2
eslint 설정 후 오류가 납니다.
0
230
1
오버로드 오류
0
159
1
VSCode에서 save를 할 때, landingpage의 useEffect가 실행되는 문제에 대하여
0
179
1
dispatch(logoutUser()) 실행시 dispatch(authuser())도 함께 실행되는 문제
0
237
2
logout할 때, server로 요청을 보내서 authUser middleware를 통과하도록 하는 이유?
0
200
1
webkit-text-size-adjust 오류
0
323
1
does not provide an export named 'userReducer'
0
223
2
빌드 배포
0
143
1
삭제 예정 강의는 언제 삭제 되나요? 저것때문에 수강완료를 못하면 회사에서 비용을 청구한다고 합니다~
0
232
2