react JSX의 가독성 이슈에도, React를 선택하는 이유는? React를 사용할 때 HTML과 JavaScript가 분리되지 않아 가독성이 떨어지는 것처럼 보일 수 있습니다. 그럼에도, 여전히 많은 개발자들이 React를 선택하는 이유는 무엇일까요?JSX란 무엇인가?JSX(JavaScript XML)는 JavaScript 안에서 XML/HTML과 유사한 문법을 사용할 수 있도록 도입된 React의 특수한 문법입니다. JSX는 JavaScript 코드 안에서 HTML 태그를 직접 작성할 수 있으며, React의 컴포넌트 기반 UI 개발 방식과 잘 맞아떨어집니다.JSX 예시 (기본적인 React 컴포넌트)function Greeting({ name }) { return Hello, {name}!;}위 코드를 보면 JSX 문법을 사용하여 태그 안에 {name} 변수.. 2025. 2. 27. React.js p태그 줄바꿈 하는 2가지 방법 서버에서 \n 으로 보내주었다고 하더라도, 프런트가 웹 환경이라면, \n이 자동으로 줄바꿈(개행)이 되지 않습니다.이럴때 사용하는 2가지 방법이 있습니다. 첫번째는, \n을 로 치환하는 방법이고,두번째 방법은 \n을 표현해주도록 css를 선언하는 방법입니다. {ret.content} 원래 위와 같은 코드가 있다고 할때, 첫번째 방법부터 보겠습니다. 첫번째 방법은 아래와 같습니다. {ret.content.split('\n').map((line, index) => ( {line} ))} 입력된 값에서 \n을 기준으로 분활한후, map을 이용하여, 각 줄 끝에 를 추가하는 방식입니다. 두번째 방법 보겠습니다.두번째 방법은 아래와 같습니다. {ret.content} css의 white-spac.. 2024. 6. 19. 이전 1 다음 반응형
