component 란?

웹 사이트를 조각내자!

컴포넌트를 이해하고 잘 써먹으려면 웹 사이트를 잘 조각낼 줄 알아야 합니다.

Component는 클래스형과 함수형이 있습니다. 이제 클래스형 컴포넌트는 잘 쓰지 않지만 강의에서는 두가지 모두를 살펴본다.
→ 왜냐하면 이미 기개발된 프로젝트들(아마 여러분이 가야할 회사에서도...!)은 클래스형 컴포넌트를 사용 중일수도 있으니까. 최소한 코드를 알아보고 고칠 수 있을 정도는 알아두는 편이 좋다고 수업에서 얘기하지만 이건 기초반이 아닌데;;;

<!DOCTYPE html>
<html lang="en">
  <head>
  </head>
  <body>
    <header> 
        ...
    </header>
    <div class="container">
        <div id="image-banner">
            ...
        </div>
        <div id="contents-1">
            ...
        </div>
    </div>
    <footer>
        ...
    </footer>
  </body>
</html>

이 코드를 조각조각 내보면 아래와 같이 나눌 수 있.
나눈 조각 하나하나를 컴포넌트라고 부른다.

이 코드를 조각조각 내보면 아래와 같이 나눌 수 있을 거예요. 
나눈 조각 하나하나를 컴포넌트라고 불러요!

1. <header/>
2. <container/>
    1. <imagebanner/>
    2. <contents1/>
3. <footer/>

좋은 웹페이지 즐겨찾기