<Essence> Web 2.0 블록체인 인센티브 기반 커뮤니티

hams·2022년 7월 1일
3
post-thumbnail

◾️ Essence 팀 소개

▫️ Essence 팀명 의미

: 본질적이고 없어서는 안될 사람들과 하나 밖에 없는 커뮤니티를 만들자

▫️ Essense 팀원 소개

비전공자로 구성된 Team 6

  • 박졔(팀장)

✏️ 1. 기획

💡 프로젝트 주제

👉🏻 Web2.0에서 블록체인 인센티브 기반 토론 시스템을 갖춘 커뮤니티 사이트 개발

🕰 프로젝트 기간

👉🏻 6월 20일(월) ~ 7월 01일(금) 12일 간 진행

🛠 기술스택

  • Program Languege
    - JS

  • Front-End
    - React.js

    • MUI
    • redux
    • BootStrap
    • styled component
  • Back-End
    - MySQL
    - Solidity
    - Node.js

    • web3
    • express
    • Sequalize

🦾 구현 기능 목표

  • Front-End
    - Login / LogOut
    - SignUp
    - Post / Comment
    - MyPage
  • Back-End
    - Database
    - Smart Contract
    - ERC-20 Token
    - Daemon

🌈 Mockup (Figma)

1. 메인 페이지

: 게시글이 정면으로 보이고 사진과 함께 뿌려줌

2. 로그인 페이지

: 이메일과 비밀번호로 입력되고 로그인 시 코인이 적립된다

3. 마이페이지

: 지갑 주소, 코인 잔액, 보유 NFT, 작성한 게시글(댓글)

4. 게시글 페이지

: 글과 사진 입력이 가능하고, 댓글 구현기능
게시글 작성시 토큰 지급

💭 DB Schema


✏️ 2. 코드 Review

새벽에 정신 놓고 제대로 배웠던 signup화면의 axios

export default function SignUp() {
  const handleSubmit = (event) => {
    event.preventDefault();
    const data = new FormData(event.currentTarget);
    console.log({
      email: data.get('email'),
      password: data.get('password'),
    });
    axios.post('http://localhost:5001/user/signup', {
      userName: data.get('userName'),
      email: data.get('email'),
      password: data.get('password'),
    }) 
    .then((res) => {
      console.log(res)
    })
    .catch((e) => {
      console.error(e);
    });
  };

✏️ 3. 구현 화면





✏️ 4. 프로젝트를 진행하고 나서

🐤 프로젝트 팀장 후기

  1. 팀장으로서 통솔력 부족
  2. 백엔드에 대한 얄팍한 지식
  3. 시간 효율성 부족

💁🏻‍♀️ : 처음으로 프로젝트 팀장을 맡았는데, 백엔드에 대한 얄팍한 지식으로 역할과 기능 분배를 잘 못한거 같아서 너무 아쉬웠다. 팀장으로서 통솔력도 부족했거니와, 팀원들에게 좋은 팀장이 못 된거 같아서 아쉬움이 남았다. 하지만 끝까지 소통하며 잘 따라와준 팀원들에게 감사하다.


🐥 개발하며 이런 점이 좋았다 / 이런 점이 아쉬웠다

💙 좋은 점

  1. 부족한 부분 인지
  2. 새롭게 배우는 라이브러리들
  3. 의지 향상

💁🏻‍♀️ : 자기 객관화가 바로 됐다. 내가 무엇을 모르는지, 어떤걸 활용할 수 있는지 알 수 있는 계기가 되었다. 새로운 라이브러리를 많이 알게 됐다. 구글링을 하면서 다른 사람들의 코드를 참고하면서 많이 배울 수 있었고, 오히려 저런 방식으로 만들 수 있구나 배울 수 있었다.

❤️‍🩹 아쉬운 점

  1. 능력과 지식의 부족
  2. 욕심이 과하다
  3. 많은 오류들

💁🏻‍♀️ : 협업을 하며 ... 프로젝트를 진행하면서 1인분은 해야한다는 압박이 있었는데, 불안감 때문에 데스크 앞에서 허송세월을 많이 보낸게 아쉬웠고, 욕심에 할건 많은데 능력 부족으로 인해 자괴감을 많이 느꼈다. 프론트와 백엔드를 연결하면서 오류들과 환경설정으로 인해서 시간을 소비한게 너무 아쉬웠다. 또 구현하려고 했던 목표를 많이 구현 못해서 아쉽다.. 그래도 추후 보완 예정
하지만 분명 원동력이 됐고, 많이 배우는 경험이 됐다.

✏️ 5. 참고

github : https://github.com/codestates/beb-04-second-Essence


++ 여담
마지막까지 깃에 push가 안돼서 고생했다...
계속 힘내라고 해주고 포기하지 말라고 해준
해결사 갓윤1004 고마워요...
git push -u main +main

2개의 댓글

comment-user-thumbnail
2022년 7월 3일

내용이 담백하군요 🍔

1개의 답글