DDOstory

  • 홈
  • 태그
  • 방명록

Children 1

[React] Card 컴포넌트 제작 (Composition VS Inheritance)

[React] Card 컴포넌트 제작카드 컴포넌트는 하위 컴포넌트를 감싸서 카드 형태를 보여주는 컴포넌트두 가지 합성 방법을 모두 사용하여 구현children을 사용한 부분이 containment 이고 title과 background를 사용한 부분이 specialization이라고 할 수 있음카드 컴포넌트는 범용적으로 재사용이 가능한 컴포넌트프로필 카드 컴포넌트는 카드 컴포넌트를 사용하여 타이틀에 이름을 넣고 배경 색상을 녹색으로 설정children으로는 간단한 소개 글을 넣었음카드 컴포넌트가 사용자의 프로필을 나타내는 프로필 카드 컴포넌트가 됨배경색이나 타이틀 그리고 내부에 들어가는 컨텐츠들을 바꿔 보면서 다양한 카드를 만들어보는 것이 좋음 복잡한 컴포넌트를 쪼개서 여러 개의 컴포넌트로 만들고, 만든 ..

Front/React.js 2024.08.17
이전
1
다음
더보기
프로필사진

DDOstory

https://github.com/dohee12

  • 분류 전체보기
    • coding base
      • 자료구조
      • GitHub
      • 시스템 분석 및 설계
      • DataBase
      • 컴퓨터구조
    • Coding language
      • Python
      • C
      • C#
    • Front
      • HTML
      • CSS
      • JavaScript
      • React.js
      • next.js
      • Figma
      • android
    • Back
      • JSP
      • LINUX
      • Java
      • string
      • MySql
    • 빅데이터 & 알고리즘
      • NumPy
    • it기기
    • 강아지
    • 기타

Tag

state, javascript, 프론트엔드, HTML, React, 인스턴스, 리액트, 컴포넌트, js, 데이터베이스, 속성, css, DB, 배열, Java, 자바스크립트, 웹 개발, React Hooks, 객체, DBMS,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바