컴포넌트2 [React] React의 props 이해하기 props란? properties의 줄임말으로써 컴포넌트의 입력값이다. 상위 컴포넌트가 하위 컴포넌트에 값을 전달할때 사용한다. 사용방법 프로퍼티에 문자열을 전달할 때는 큰따옴표(" ")를, 문자열 외의 값을 전달할 때는 중괄호({ })를 사용 한다. 그럼, 저번에 컴포넌트까지 만들어 놓은 코드에 props를 적용해 보자. 아래 코드는 저번까지 했던 코드이다. import logo from "./logo.svg"; import "./App.css"; function Header() { return ( WEB ); } function Nav() { return ( html css js ); } function Article() { return ( Welcome Hello, WEB ); } function .. 2023. 1. 27. [React] React 컴포넌트(component)란? 컴포넌트 리액트는 사용자가 정의한 태그를 만들 수 있다. 그렇다면 어떻게 사용자가 정의한 태그를 만들 수 있을까? 우선, App.js에 아래와 같은 코드를 작성해보자. import logo from "./logo.svg"; import "./App.css"; function App() { return ( WEB html css js Welcome Hello, WEB ); } export default App; 이 코드를 보면 헤더영역, NAV영역, 본문 영역으로 나눠져있고 그 안에 세부적으로 또 코드가 있는 형태이다. 만약 이 코드가 이렇게 적고 단순한 코드가 아니라 굉장히 많은 내용을 가지고 있는 코드라면 하나하나 수정하는데 많은 시간을 소요할 것이다. 우리는 이것들을 정리정돈 할 필요가 있고 같은 영.. 2023. 1. 25. 이전 1 다음
