김코드의 웹디자인 세상

안녕하세요~ 오늘은 리액트의 컴포넌트 선언방식 중 마지막 클래스형 컴포넌트에 대해서 알아보겠습니다. 👇👇👇 함수형 컴포넌트 알아보고 싶다면??👇👇👇 https://y-seon97.tistory.com/66 ❏ react - 함수형 컴포넌트 만들기! 안녕하세요! 오늘은 함수형 컴포넌트에 대해서 알아보고 함수형 컴포넌트 생성에 대해서 알아보겠습니다. 함수형 컴포넌트란?? 함수형 컴포넌트란 함수를 기반으로 작성하는 컴포넌트를 말합 y-seon97.tistory.com ✏ 클래스형 컴포넌트란?? React의 컴포넌트의 선언방식 중의 한 가지로 class의 키워드로 선언을 하는 방법입니다. 요즘에는 클래스형 컴포넌트 보다는 함수형 컴포넌트를 많이 사용하지만 만약 아직까지는 클래스형 컴포넌트를 사용한 기업들의 유지..

안녕하세요! 오늘은 함수형 컴포넌트에 대해서 알아보고 함수형 컴포넌트 생성에 대해서 알아보겠습니다. 함수형 컴포넌트란?? 함수형 컴포넌트란 함수를 기반으로 작성하는 컴포넌트를 말합니다. 함수 컴포넌트는 클래스로 작성하는 것보다 빠르게 작성할 수 있으며 많은 컴포넌트를 함수 컴포넌트로 표현할 수 있습니다. ✏ 구조 function /*컴포넌트 이름*/() { return ( /*jsx 입력*/ ); }; ✏ 예시 코드 function Header(){ return React } 컴포넌트를 선언할 때는 꼭 대문자를 시작으로 이름을 정해야하는 관례가 있습니다. Header, Nav ➨ 생성가능, article, nav ➨생성불가 또한 컴포넌트는 하나의 태그만 리턴(retrun)할 수 있습니다. ✏ 예제 아래와..