리액트 componenet 만들기 : <div>가 많으면 component 사용

2024. 1. 16. 18:07 · Programming/React

1. 컴포넌트 사용 이유

 

2. 컴포넌트 만드는 문법

 

- function 사용

 

- let / const 사용

 

각각 사용하기에 장점 단점이 있음...! 

 

3. 컴포넌트 사용하면 좋은 곳

1. 반복적인 HTML 축약
2. 큰 페이지를 컴포넌트로 만들 수 있음
3. 자주 변경될 거같은 컴포먼트 UI들

 

4. 컴포넌트 단점

1. state 사용 시 문제 생김
       ** A 함수에 있던 변수는 B 함수에서 맘대로 가져다 사용 할 수 없음

--> 그래서 무작정 컴포넌트를 만들면 안됨.
728x90

'Programming > React' 카테고리의 다른 글

스크롤에 따라 360도 돌아가게  (0) 2024.01.30
스크롤 이벤트) 스크롤을 내리면 화면 밖으로 나가게끔  (1) 2024.01.16
React 좋아요 누를때마다 1씩 증가하는 버튼 만들기  (0) 2024.01.16
리액트 Button을 누르면 state 변경 값으로 전환 *원본 데이터 보존  (0) 2024.01.16
함수 만들기 : 식은 무조건 그릇을 따로 만들어서  (0) 2024.01.16
'Programming/React' 카테고리의 다른 글
  • 스크롤에 따라 360도 돌아가게
  • 스크롤 이벤트) 스크롤을 내리면 화면 밖으로 나가게끔
  • React 좋아요 누를때마다 1씩 증가하는 버튼 만들기
  • 리액트 Button을 누르면 state 변경 값으로 전환 *원본 데이터 보존
따`ddah
따`ddah
    250x250
  • 따`ddah
    IT's ddah
    따`ddah
  • 관리    글쓰기
  • 전체
    오늘
    어제
    • 분류 전체보기
      • Projects
        • Auto Post : SNS 자동 업로더
      • kmooc
        • 기계 학습 기반의 데이터 공학
      • Algorithm
        • [C] Do it! 자료구조와 함께 배우는 알고리..
        • 알고리즘 스터디
        • 코딩 테스트
      • Basic
        • 운영체제 OS
        • 컴퓨터구조
        • 소프트웨어공학 (UML)
      • DBMS
        • 데이터베이스 이론
        • MySQL
        • Oracle SQL
        • BigQuery
        • Yammer
      • Programming
        • Python
        • C
        • Java
        • React
        • JavaScript
        • R
      • 빅데이터
      • AI
        • 멀티미디어응용
        • 머신러닝
        • 인공지능
      • 자격증
        • Azure DP-900
        • Azure AI-900
        • SQLD
        • CSTS
      • 대외활동 및 인턴
        • 인턴
        • LG Aimers
        • Outta
        • 빅데이터 분석 학회 BDA
        • 세계시민교육연구소 청년단 GYIA
      • Tool
        • Git
        • IDE
      • 도서
        • IT
      • 그 외
        • 단축키
        • ✞
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    input
    오라클SQL
    리액트
    Py
    대학생학회
    파이썬
    파이썬 챗봇 만들기
    jsx
    취업
    파이썬{}
    sql
    react
    오블완
    티스토리챌린지
    빅데이터분석
    javascript
    AI역량검사
    이름나이
    Oracle
    주석
    print(f"")
    importturtle
    js
    dbms
    자바스크립트
    취업준비
    자료형
    python
    BDA학회
    대외활동
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
따`ddah
리액트 componenet 만들기 : <div>가 많으면 component 사용
상단으로

티스토리툴바