[PROJECT3] Advertisement For You

⭐️ 2022년 12월 7일 ELLIE TOUR WORLD에 작성되었습니다 ⭐️

2023년 11월 18일 ELLIE PROGRAMMING WORLD 로 옮김

기분의 3단 변화 : 발표 전 - 발표 중 (순서가 마지막이다~~~~) - 발표후

---

[Project3] 블록체인 자동 중개플랫폼

2022년 11월 10일 - 2022년 12월 07일 

---

기획 의도

블록체인 다중서명 계약 및 SBT토큰을 활용하여 중개자 없이도 신뢰도 있는 계약을 진행할 수있는
유튜버 광고 중개 플랫폼이다.

Use Stack

주요 기능

• MainPage
  - Google OAuth를 이용한 간편 회원가입 
  - 로그인
  - 광고, 광고주, 크리에이터 간단한 정보 
• ListPage
  - 광고, 광고주, 크리에이터 전체목록 확인
  - filter기능으로 검색
  - 광고, 광고주, 크리에이터 카드 선택으로 상세페이지로 이동
• 광고주 MyPage
  - 프로필 수정
  - 광고 업로드
  - 업로드한 광고 삭제
  - 지원이 들어온 크리에이터를 선택하여 Multi-Sig Wallet 배포
  - 계약서 작성
  - 계약 컨펌하여 계약 완료 & 계약 파기
  - 계약서 다운로드
• 크리에이터 MyPage
  - 회원가입시 등록한 지갑주소 확인
  - 광고주에게 제안받은 광고 지원 & 거절
  - 광고 지원 후 지원 취소
  - Multi-Sig Wallet에 서명(Sign) 
  - 계약 컨펌하여 계약 완료 & 계약 파기
  - 계약서 다운로드 
• 광고 DetailPage
  - 크리에이터 ) 광고 지원
  - 크리에이터 ) 광고 지원자수 확인
• 광고주 DetailPage
  - 크리에이터 ) 광고주가 모집중인 광고 모아보기
• 크리에이터 DetailPage
  - 광고주 ) 크리에이터에게 제안하기
  - 광고주 ) 크리에이터가 유튜브에 올린 동영상 모아보기

WorkFlow

frontend workflow

backend workflow

smartcontract workflow

DB Schema

Page Preview

Main UI

광고 업로드, 크리에이터에게 제안, 광고 삭제

계약하기

Advance (앞으로 더 추가하고 싶은 기능)

DM 기능
광고주 - 크리에이터 ) 협의와 제안을 위한 DM 기능

 

사업자등록번호 유효성 검사
사업자등록번호의 진위확인 및 상태조회

진행도에 따라 크리에이터에게 예치금 송금 
계약 진행 단계를 조금 더 세분화 해서 진행도를 만들고 진행도에 따라 광고주가 미리 예치해놓은 예치금을 크리에이터에게 부분 송금

 

마우스휠 한번에 한 페이지씩 넘기기

마우스를 한 번 스크롤하면 한 페이지씩 넘겨지게하여 깔끔하게 영역을 구분하고 핵심 내용을 전달

회고

앞서했던 프로젝트1과 프로젝트2에서는 한 부분을 건드리고 수정하는거에 겁이 났었다. 내가 작성한 코드 한줄에, 한 글자 오타에 잘 실행되어 보여지던 화면이  갑자기 보여지지 않기도 했다. 그리고 git에서 pull 한번받으면 갑자기 없던 에러가 생긴다던가 충돌이 많이 발생해서 pull 받는 것도 쉽지 않았다. 앞서 만난 에러의 경험 덕분인지 이번 프로젝트에서는 git의 충돌이 생겨도, 코드에 에러가 나도 침착하게 하나씩 해결해 나아갈 수 있었다.

에러를 해결하고, 화면의 구성을 잡으면서 마치 엉켜버린 실타래를 푸는 것 같다. 엉켜버린 실타래는 시간은 걸리겠지만 포기하지 않고 침착하게 하나씩 풀어 나아간다면 풀리지 않는 실타래는 없다고 생각한다.

 

프론트엔드 파트는 진행도 만큼 눈으로 확인이 가능하기 때문에 더 재미있고, 의욕이 생긴다. 하루하루 '내가 이 부분의 코드를 작성하였구나' 체크할 수도 있고, '이부분은 이렇게 수정하면 좋겠다!!'를 생각하게 되고, '나는 오늘하루 무엇을 했는가?'에 대한 고민이 적어서 좋다.

 

앞으로는 웹의 구성과 디자인뿐만 아니라 웹 어플리케이션의 성능까지 고려하여 코드를 점검하고 개선하는 방법을 더 생각해보고싶다.

 

(아!! 드디어 에러 기록 폼을 만들었다!! ㅎㅎ)

---

TODO LIST

블로깅

기술 블로깅 작성하기!!

정리 & 기록

사용한 이미지, 파일들 잘 정리해두기!!

(컴퓨터 배경화면을 어지럽히지 말자)

※ 배운 점 잘 기록해 두기 ※

코드

성능을 고려하여 리팩토링하기!!
코드 뜯어보기
(내가 작성한 코드뿐만 아니라 팀원들이 작성한 코드도 이해하자!!)

---

내일부터 다음주 화요일까지 잡서칭기간!!

포트폴리오.. 자소서.. 면접.. 특강..

그건 내일이 내가 할거야

버티는거야!! 버티고 보는거야!! 인생은 버티는거야!! 버티면 다 되는거야!!

이 또한 지나가리라