📘 프로젝트 소개

공간공유 플랫폼 SpaceCloud 클론 프로젝트
프로젝트 구현 영상

🗓 프로젝트 기간

2020.08.31 - 2020.09.11

👥 프로젝트 참가자

프론트엔드 4명, 백엔드 2명

👩‍💻 내가 맡은 역할

공간 상세 페이지

🛠 기술 스택

• React.js
• React Router
• Sass
• Git, Github

💻 기억하고 싶은 코드

  componentDidMount() {
    const { space_id } = this.state;

    fetch(`${API}/spaces/detail/${this.props.match.params.id}`)
      .then((res) => {
        return res.json();
      })
      .then((res) => {
        this.setState({
          space_id: res.detail[0].id,
          header: res.detail[0].title,
          subDescription: res.detail[0].subTitle,
          tag: res.detail[0].tags,
          imgUrl: res.detail[0].imgUrl[1],
          imgUrl1: res.detail[0].imgUrl[0],
          spaceIntro: res.detail[0].description,
          opening_hour: res.detail[0].opening_hour,
          closing_hour: res.detail[0].closing_hour,
          closed_day: res.detail[0].closed_day,
          price: res.detail[0].fee,
          num: res.detail[0].capacity,
          time: res.detail[0].min_time,
          precautions: res.detail[0].precautions,
          spaceDesc: res.detail[0].description,
          spaceType: res.detail[0].tags,
          refund_policy: res.detail[0].refund_policy,
          reviews: res.detail[0].Reviews,
          reservation: res.detail[0].precautions,
          amenities: res.detail[0].Amenities.map((el) => el.description),
          reviewNum: res.detail[0].review_number,
        });
      });
  }

  handleRbtn = () => {
    const {
      id,
      selectDate,
      selectStartTime,
      selectEndTime,
      numValue,
    } = this.state;
    fetch("http://192.168.219.108:8001/reservation/insert", {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
        authorization: localStorage.getItem("token"),
      },
      body: JSON.stringify({
        space_id: this.state.space_id,
        date: selectDate.split(" ")[0],
        start_time: selectStartTime.split(":")[0],
        end_time: selectEndTime.split(":")[0],
        people: numValue,
        total_fee: 1,
      }),
    })
      .then((response) => response.json())
      .then((response) => {});
  };

느낀점

2차 프로젝트때는 commit을 더 자주 하려고 노력했고, 멘토님들께 그만큼 코드리뷰도 많이 받을 수 있었다. 코드리뷰의 중요성을 알고 있기에 열심히 반영해서 프로젝트를 진행했다. 멘토님도 리뷰 단 사람중에 내가 제일 반영을 잘 했다고 하셨다!

코로나가 심해지면서 결국 모든것이 온라인으로 진행됐다😷. 멘토님들과 아침마다 zoom을 통해 아침 조회를 하였고, 팀원들과도 zoom이나 google meet을 통해 매일 만났다. 온라인으로 진행하는 것에 있어서 아쉬움이 컸지만 현재 코로나 시대에 대응하여 재택 근무 또한 익숙해져야 하고, 필요한 과정이라고 생각한다!! 온라인을 통해 소통하며 필요할 땐 VScode Liveshare로 서로의 코드도 봐주었다. 그리고 마지막 이틀은 프로젝트의 성공적인 마무리를 위한 열정과 의지로 팀원들과 함께 에어비앤비를 빌려서 밤을 새웠고 다같이 정말 즐겁게 코딩했다👍 이제 위코드에서 프로젝트도 끝이 났다. 프로젝트를 하기 전에는 걱정도 많고 과연 잘 할수 있을지 두려움도 컸지만 프로젝트를 하며 가장 많이 배우고 성장할 수 있는 기회였다.