하루이틀 모여가는 개발지식

지난 번에는 정적인 페이지 생성에 초점을 맞춰서 개발을 진행하였다면,이번 시간에는 메뉴 선택에 따라 오른쪽 페이지에 다른 화면을 보여주도록 개발하는 것을 목표로 한다.이전 내용은 아래를 참고해주길 바란다.2024.07.01 - [프론트엔드/React] - 리액트 기본 게시판 개발 : 3. 기존 정적 화면의 Componenet화기존에 만들었던 화면과 코드는 다음과 같다.Main.jsimport React from 'react';import '../css/Main.css';import '../css/bootstrap-tmp.css';class Body extends React.Component { render() { return ( Simple Sidebar ..

지난번에는 React 프로젝트를 생성하고 부트스트랩 화면을 띄우는 작업을 진행하였다면,이번에는 지난번에 통째로 붙여놓은 부트스트랩 화면을 컴포넌트화 시키는 작업을 진행하고자 하였다.리액트 공식 홈페이지에서는 다음과 같이 컴포넌트 예시를 보여주고 있다.위 예시를 통해 리액트에서 화면을 컴포넌트 단위별로 쪼개어 관리하면서 React가 추구하는 방식대로 사고할 수 있도록 도와준다.https://ko.legacy.reactjs.org/docs/thinking-in-react.html React로 사고하기 – ReactA JavaScript library for building user interfacesko.legacy.reactjs.org  1. 컴포넌트 구성하기기존에 컴포넌트를 구성하지 않고 작성하였던 코드..