プロジェクトの経験を積むために加入したコードガイドキャンプJUST CODE(旧WecodeFullstack)の最初のプロジェクト期間が終了した.
結論から言えば、私は最初のプロジェクトの開始日にコロナ陽性と判定され、ほとんど参加しなかった.😂 すべての既知のコロナの症状が深刻であるため、救急室への出入りを防止し、重症に向かうためには、健康回復に集中しなければならない.

プロジェクトの初期に、フロントの初期設定とデータベースのモデリング部分を一緒に行い、体調が一時的に悪くないときは、チームメンバーのコードを見て、プロジェクトの進捗状況を熟知します.
少し調子の良い日に、小さな個人プロジェクトをして、感覚を失わないように努力して、簡単な課金プログラムを完成しました.
また、プロジェクトの導入前日には、ホームイメージスライダを実装する機会があり、1日で実装が完了します.困難な状況で、プロジェクトに少しでも貢献できてラッキーだと思います.

プロジェクトの概要

プロジェクトテーマ:Zarahome https://www.zarahome.com/kr/クローンコード

Tool : Github/Slack/Notion

Front-end : React/EsLint/Prettier

Back-end : Node.js/Express/Prisma/MYSQL

データベースモデリング

私が実装したコード

私が実現したのは、ホームイメージスライダ部分です.
「一日」は限られた時間内に実施するのは負担であるが、どのようにして期限内に実施を完了するか.短時間で書かれたコードなので、修正すべき点はたくさんありますが、一度アップロードします.
作成したコードを中心としたSlider.jsコードをもらいました.

import React, { useState } from 'react';
import './Slider.scss';
import BtnSlider from './btnSlider';
import dataSlider from './dataSlide';

export default function Slider() {
  const [slideIndex, setSlideIndex] = useState(1);

  const nextSlide = () => {
    if (slideIndex !== dataSlider.length) {
      setSlideIndex(slideIndex + 1);
    } else if (slideIndex === dataSlider.length) {
      setSlideIndex(1);
    }
  };

  const prevSlide = () => {
    if (slideIndex !== 1) {
      setSlideIndex(slideIndex - 1);
    } else if (slideIndex === 1) {
      setSlideIndex(dataSlider.length);
    }
  };

  const moveDot = index => {
    setSlideIndex(index);
  };

  return (
    <div className="container-slider">
      {dataSlider.map((obj, index) => {
        return (
          <>
            <div
              key={obj.id}
              className={
                slideIndex === index + 1 ? 'slide slide-active' : 'slide'
              }
            >
              <img
                src={
                  'http://localhost:3000' + `/images/mainImg${index + 1}.jpg`
                }
              />
            </div>
          </>
        );
      })}
      <BtnSlider moveSlide={nextSlide} direction={'next'} />
      <BtnSlider moveSlide={prevSlide} direction={'prev'} />

      <div className="container-dots">
        {Array.from({ length: 4 }).map((item, index) => (
          <div
            onClick={() => moveDot(index + 1)}
            className={slideIndex === index + 1 ? 'dot active' : 'dot'}
          ></div>
        ))}
      </div>
    </div>
  );
}

楽しみにしていた残念な最初のプロジェクト...
私の状況を理解してくれたチームメイトたちと、私の健康を心配してくれた同期たちに感謝します.残念ながら、来週から2種目目は全力で頑張ります