728x90
반응형

2024/10 3

[ React ] Props 사용하기

1. Props란 무엇인가요?props는 부모 컴포넌트가 자식 컴포넌트로 데이터를 전달하기 위한 객체입니다. React에서 컴포넌트는 재사용 가능한 단위로 이루어져 있으며, props를 사용하면 동적인 데이터와 UI를 구현할 수 있습니다.props는 읽기 전용으로, 자식 컴포넌트는 props를 변경할 수 없습니다. 데이터를 전달하고 렌더링할 때 매우 유용합니다. 2. Props 사용 기본 예제부모 컴포넌트에서 자식 컴포넌트로 데이터 전달하기아래는 부모 컴포넌트가 자식 컴포넌트로 **이름(name)**과 **나이(age)**를 전달하는 예제입니다. // ParentComponent.jsimport React from 'react';import ChildComponent from './ChildCompone..

JAVASCRIPT 2024.10.24

[ Jstl ] fmt:formatNumber 사용시 according to tld or attribute directive in tag file attribute value does not accept any expressions 오류

according to tld or attribute directive in tag file attribute value does not accept any expressions   Jstl 사용하여 #,### 숫자 콤마 찍기 도중 위 에러발생 ㅜㅜ.... 원인은 value 값을 el태그를 사용하여 동적인 값으로 넣었을 경우 발생해결하기 위해 Gpt 검색하니 아래처럼 답변해줌  해결 방법:태그 속성 확인: 사용된 태그의 TLD 파일에서 해당 속성에 표현식이 허용되는지 확인하세요. rtexprvalue="false"로 설정되어 있으면 표현식 사용이 제한됩니다.정적 값 사용: 표현식 대신 정적 값을 사용하거나 태그 라이브러리의 설정을 변경해야 합니다.  TLD 파일의 위치는 이클립스 에서 컨트롤 키 누른 상..

Servlet & Jsp 2024.10.10

[ React ]JSX란 무엇인가?

**JSX (JavaScript XML)**는 React에서 UI를 만들 때 사용되는 독특한 문법입니다. 자바스크립트 내에서 HTML과 비슷한 구문을 사용해 UI 컴포넌트를 더욱 직관적이고 효율적으로 작성할 수 있게 도와줍니다. 이번 글에서는 JSX의 개념, 사용법, 그리고 그 장점에 대해 자세히 알아보겠습니다.1. JSX란?JSX는 JavaScript의 확장 문법으로, HTML과 유사한 코드를 작성할 수 있도록 도와줍니다. 그러나, JSX는 단순한 HTML이 아닌 자바스크립트 코드의 일부분이며, 최종적으로는 브라우저가 이해할 수 있는 순수한 JavaScript로 변환됩니다. 이 덕분에 우리는 UI를 구축할 때 직관적이고 읽기 쉬운 코드를 작성할 수 있습니다.다음은 기본적인 JSX 코드의 예입니다: co..

JAVASCRIPT 2024.10.10
728x90
반응형