혼자 적어보는 노트

React의 완전 기본을 마치고 tab메뉴를 구현해보기로 했다. 더 나은 방법이 있을까 궁금하지만 일단 구현되는 대로 작업을 했다. 탭메뉴(Tab Menu) 구현 function Example(){ const [tabState, setTabState ] = useState('product'); return( { setTabState('product')}}>상품정보 { setTabState('review')}}>제품리뷰 { setTabState('shipping')}}>배송정보 { { product: 상품정보, review: 제품리뷰, shipping: 배송정보, }[tabState] } ) } 먼저 tabState를 만들고 default로 상품정보가 보여지게끔 상태를 담아주었고 tab의 각 버튼 클릭 시..

JSX란? javascript안의 HTML이라고 볼 수 있다. javascript와 HTML사이의 이 조합을 jsx라고 부른다. (react에서만 있는 개념) JSX는 자바스크립트 안에서 HTML 문법을 사용해서 view를 구성할 수 있게 도와주는 자바스크립트 문법이라고 볼 수 있다. Component function App() { return ( hi hello ); } component는 위와 같이 React 엘리먼트를 반환하는 함수이다. javascript 함수이기 때문에 말 그대로 함수 컴포넌트라고 한다. react는 여러가지의 component를 만들 수 있다. *component명은 대문자로 생성해 주는 것을 원칙으로 한다. 컴포넌트 생성 및 다중 컴포넌트 렌더링 component를 만들 때는..