반응형 React8 👀 컴포넌트 구성하기 #1 이번 포스팅은 React를 사용하여 React 방식의 컴포넌트 구성을 하는 방법에 대해 포스팅해보려 한다. 웹에서는 HTML의 태그를 활용하여 다양한 구조의 컴포넌트를 작성할 수 있다. React는 해당 태그로 구성된 컴포넌트를 재사용이 가능한 UI 요소 재정의하여 사용할 수 있게 도와준다. 그러나 이렇게 얘기하면 어떤 소리인지 와닿지 않는다. 그래서 아래의 예제를 살펴보도록 하자. 일반적인 HTML의 컴포넌트 구성방법 아래의 코드는 HTML로 구성한 간단한 예시이다. 우리는 일반적으로 아래와 같은 방식으로 HTML 코드를 사용하여 페이지를 구성한다. React를 사용한 컴포넌트 구성방법 React를 사용하면 아래와 같이 재사용이 가능한 컴포넌트를 작성하여 사용하면 코드 훨씬 간결하게 작성할 수 있다. .. 2023. 12. 22. React 처음부터 살펴보기 #0 현재 React를 사용하고 있으나, 혼자 공부해서 사용하다 보니 두서없이 공부해서 사용한 경우가 많았다. 그래서 React 관련 포스팅을 진행하면서 하나씩 정리해 보면서 React에 대해 미진했던 부분에 대해 다시 공부하고, 새로운 지식을 습득하는 것을 목적으로 한다. 최신버전인 React 18을 기준으로 진행해보려한다. React는 커뮤니티가 잘되어 있어 아래의 링크에서 가이드 문서에 따라 천천히 다시 살펴보려 한다. React React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is d.. 2023. 12. 21. 이전 1 2 다음 반응형
