컴포넌트 2

[BEB] 리뷰 작성하기 페이지를 만들자 ! (조건에 따라 다른 컴포넌트 띄우기)

리뷰 작성하기 페이지를 만들어야하는데 . . 뇌에 지진이 났다. 우리 페이지의 특징은 나머지 부분은 고정된채로, 오른쪽 content-box 내용만 바뀌는게 특징인데특정 상태에 따라 content-box 내용을 다르게 해야한다는 걸 생각을 못하고 무식하게 페이지를 만든 것이다..디자인 상 이렇게 내용물이 바뀌게 코드를 짰어야 했는데,현재 content-box의 코드는 이상태였다.import React, {useState} from 'react';import SearchBar from '../utils/SearchBar';import ReadBooksTab from './ReadBooksTab';import ReviewsTab from './ReviewsTab';import WishlistTab from ..

BEB 2024.12.17

[빡공단 41기] 2일차 리액트는 컴포넌트를 사용한다.

컴포넌트란 무엇인가? 컴포넌트는 요소라는 뜻으로, 여러 요소들을 합쳐서 전체 요소를 만들 수 있다. 리액트가 컴포넌트를 사용하는 방법 ? 여러 컴포넌트들이 모여서 오브젝트를 구성하고, 전체 페이지를 만든다. 컴포넌트는 자바스크립트의 함수형으로, props를 입력받아 JSX를 리턴한다. 이러한 함수형 컴포넌트들을 모아 전체 리액트 앱을 구성한다 컴포넌트의 장점 ? 1. 가독성 : 각 컴포넌트는 명확한 기능을 수행하여 가독성을 높여준다. 2. 재사용성 : 컴포넌트는 특정 기능을 재사용함으로써 생산성과 재사용성을 향상시킨다. 3. 유지보수 : 모듈화된 구조는 코드 수정 및 업데이트를 간편하게 만들어 유지보수를 좋게한다. 이러한 장점들은 효과적인 개발과 유연한 유지보수를 가능하게 한다 ! 컴포넌트를 잘 사용해서..