함수콤포넌트
-
[React 기초] React Component 구성 - Class형 Component와 함수 Component컴퓨터 알아가기/React 2023. 12. 13. 19:30
React를 구성하고 작동하게 하는 영역이 있습니다. 그 영역을 콤포넌트(Componenrt)라고 하는데 오늘은 간단하게 Component를 이해해 보도록 합니다. 본 내역은 제로초 TV의 React 무료 웹게임을 기본으로 좀 더 자신의 것으로 만들어 보고자 정리한 것입니다. 1. Component 구성방법 구성방법을 알아 보기전에 거의 모든 산업군에 쓰이는 용어가 영어로 되어있음을 인지해야 합니다. 만국 공통어이기도 하지만 해외에서 활발하게 활동과 개발이 이루어지면서 공통언어인 영어로 대부분 사용이 되어 상호간 커뮤니케이션이 문제가 없게 되는 현상입니다. 영어라는 학문은 어떠한 경우에도 다방면으로 도움이 되니 반드시 적응하도록 노력할 필요가 있습니다. 각설하고, Component는 '요소, 항목'이라는..
-
React 기초 : function 기능 -> 함수형 Component 정의하기컴퓨터 알아가기/React 2021. 6. 7. 19:30
이제는 기본구조에서 조금은 변형을 해 보겠습니다. 아마도 이 개념까지 보시면 React가 이렇게 구성이 되는구나 하는 느낌이 오실겁니다. ▒ render( )함수 없이 바로 함수기능 사용하기 변수값을 설정해서 음식값을 나타내는 코딩을 해 보겠습니다. 역시 Codepen에서 연습해 보죠. 지난 시간에 class를 지정하고 component를 상속받아 render( )함수를 사용했는데 이 부분을 빼고 function 기능을 바로 사용합니다. ▶ 김치찌개가 8,000원인 내용을 ReactDOM.render( )함수를 이용해서 나타내 보죠. 1. function 함수 component를 만들어서 정의 : foodInfo(food)라는 component 생성 2. 정의된 component를 나타내는 return(..