728x90 반응형 React8 컴포넌트란? 컴포넌트란 ? 컨텐츠 공용화 용으로 컨텐츠덩어리를 JS로 분리한것 특징 컴포넌트는 파일명의 첫글자를 대문자로 써야됨. 파일안에 함수명도 파일과 똑같이 쓰는게 관례임. return이 반드시 필요하다. (return 내부는 jsx 문법으로 작성) 묶어주는 태그가 있어야됨. 빈태그도 가능() export로 내보내야함. 이때도 함수명과 맞춰준다. (default 를 붙이면 import할 때 이름 바꿀 수 있음.) 전부 정보 xml임. 값 ⇒ node임. (node.js 가 아니라 점을 의미하는 그 node임~) 2023. 12. 18. 리액트-탭메뉴 구현하기 Tab 구현하기 - 클릭시 글나오게 저 짧은 삼항식이 핵심임 ! import React, { useState } from 'react' import bd from './data/bd.json' import './Tab.css' function Tab() { const [tabnum, setTabnum] = useState(0); return ( { bd.tab.map((value,idx) => { const colorvar = tabnum === idx ? "red" : null; return ( { setTabnum(idx) }} >{value.tabtext} ) }) } ) } export default Tab 직접 인라인스타일을 주기보단 data속성으로 css 조절하기. import React, {.. 2023. 12. 18. 이전 1 2 다음 728x90 반응형