WEB/React (26) 썸네일형 리스트형 [React] useEffect 보호되어 있는 글입니다. [React] 카운터 프로그램 응용 보호되어 있는 글입니다. [React] useState 보호되어 있는 글입니다. [React] event 처리 보호되어 있는 글입니다. [React] 컴포넌트 나누기 보호되어 있는 글입니다. [React] 조건부 렌더링 보호되어 있는 글입니다. [React] props 사용법 보호되어 있는 글입니다. [React] HTML과 JSX 문법 차이 리액트에서 함수형 컴포넌트의 함수 이름은 무조건 대문자로 시작한다. 그리고 여기서 jsx코드를 반환하는데 이 jsx는 문법이 html과 거의 비슷하다. 다만 다음의 3가지만 주의하면 된다! 1. 컴포넌트는 jsx를 반환할 때 반드시 하나의 태그만 반환해야 한다. 다수의 태그를 반환하고 싶다면 텅텅 빈 태그를 반환하거나 태그를 이용하면 된다! function App() { return ( Hello! ); } 2. html에서는 class라는 태그를 사용하지만 jsx에서는 className이라는 태그를 사용한다. function App() { return ( Hello! ); } 3. html처럼 작성하지만 js코드도 작성이 가능하다. js코드를 넣기 위해서는 중괄호를 사용해야 한다. function Ap.. 이전 1 2 3 4 다음