Archive/React (2) 썸네일형 리스트형 [React] export default vs named export * 아래 코드는 Next.JS 14 환경에서 테스트하였습니다. React (JS ES6)에서 하나의 파일(Module)을 내보는 방식은 export default 방식과 named export 방식으로 구분된다. 데이터를 내보내는 측에서는 export keyword를 통해 내보낼 데이터를 명시하며, 데이터를 받는 측에서는 import keyword를 사용해 받을 데이터를 정의한다. export defaultexport default 방식은 단 하나의 데이터만을 내보낼 수 있으며 데이터 변수명을 재정의 가능하다.또한 export default는 모듈 당 하나만 정의할 수 있다. data.jslet data = 20export default data page.jsdata.js 모듈에서 받은 data를 my.. [React] JSX JSX란?JavaScript XML의 줄임말로 JavaScript Code 내부에 테그 기반 문법을 사용할 수 있도록 해주는 기술이다. React Framework는 JSX를 웹 페이지가 이해 가능한 JavaScript Code로 변환한다. JSX Rule 1. return 메서드 내부에는 반드시 하나의 태그로 감싸야 한다. 아래와 같이 p태그 2개를 병렬로 중첩하는 형태는 불가능하다. return ( test1 test2 ) 여러 요소를 리턴하기 위해서는 하나의 태그로 감싸 주어야 한다. return ( test1 test2 ) 2. Tag에 class를 적용할 때 class 대신 className을 사용하자. html 코드에 style을 지.. 이전 1 다음
