라우팅을 많이 쓰지 않고 버튼들과 모달창을 컨셉으로 홈페이지를 만들려고 했다. 그렇기 때문에 이 홈페이지에서 모달창이 차지하는 비중은 클것이라고 생각했고 컴포넌트화에 신경썼다. 모달만들기 컴포넌트화를 위해서는 코드를 작성하기전 구조를 먼저 파악하고 어떤식으로 구성을 할지 미리 생각해야했다. 이 부분을 생각하면서 처음에는 정말 힘들었지만 구조가 이해될수록 할만 하다는 생각이 들었다. 그렇게 모달을 만드는 순서를 3가지로 정리했다. 1. 모달창을 띄우는 버튼 생성 2. 버튼의 텍스트를 받는 곳 3. 텍스트에 따라 다른 컴포넌트 모달을 띄운다. 1. 모달창을 띄우는 버튼 Modal_btn.js import React, { useState } from "react"; import Modal from "./Mod..

처음으로 리액트와 서버를 따로 관리하며 프로젝트를 기획했다. 기능들 위주로 홈페이지를 구성하려고 한다. 참 편한 쇼핑몰[CHAM] 간단한 쇼핑몰을 기획하려고 한다. 물건올리기, 구매 등 많은 기능이 들어가진 않을것 같다. 목표 리액트를 활용하는 만큼 재사용성을 항상 생각하며 코드를 짜려고 한다. 작은 부분이더라도 습관화들이면 리액트의 장점을 극한으로 활용할수 있을거 같았다. 기능 로그인, 회원가입 어드민 페이지(유저관리, 상품관리) 판매자 페이지(물건올리기, 판매금 정산) 상품 구매시 포인트 지급 쇼핑카트, 구매 상품 후기 등록 DB 데이터베이스도 기획을 하고 시작하려고 했지만 개발을 진행하면서 어짜피 컬럼값들을 추가하거나 삭제하는 경우가 생길거 같아 대략적으로 큰틀을 짜놓고 그때그때 필요한 부분을 만들..