목록2025/01/05 (1)
type="nal"
리액트 블로그-5. 상세페이지(컴포넌트 문법)
제목을 클리하면 상세페이지가 보이도록 -> 모달 창으로 띄울 거임(제대로 된 페이지 전환은 리액트 라우터 배우기..) 글 목록 아래에 이렇게 모달 창을 만들어주는데,HTML을 작성하다보면 div가 너무 많아져서 점점 가독성이 나빠진다.그래서 리액트에서는 이렇게 원하는 블럭을 컴포넌트로 만들 수 있다. 바로 이렇게 컴포넌트 문법 컴포넌트를 만드는 방법은1. function을 만든다.function은 다른 함수 바깥에 만들어야 함. (function App 바깥)그리고 이름 첫글자는 영어 대문자로 2. 함수의 return () 소괄호 안에 축약할 html을 넣어줌이때도 마찬가지로 하나의 태그로 시작하고 끝나야 하며, 병렬로 태그를 작성할 순 없다. 3. 한단어로 축약한 컴포넌트를 사용할 때는 으로 ..
Web Development/React
2025. 1. 5. 23:44