회고
앞으로의 과제
- heroku 배포..
개요
Steam It과 유사한 블록체인 스마트 컨트랙트 블로그 프로젝트
기능
- 모든 사용자는 글 읽기, 회원 가입 가능
- 회원은 글작성, 댓글 작성, 글과 댓글에 투표를 할 수 있다
글 작성 및 투표
- 사용자가 글을 작성할 수 있고 글 작성 시 보상으로 토큰을 받을 수 있다
- 일정 기간동안 서버에서 보관, 보관 기간 동안에는 글을 수정이나 삭제할 수 있다
- 블록체인에 글이 올라가게 되면 수정이나 삭제가 불가
- 올려진 글은 다른 사람의 투표를 받을 수 있고, 다른 사람의 글에도 투표할 수 있다
- 투표권을 행사하면 일정 금액의 토큰을 사용하게 되고 해당 금액은 글 작성자에게 돌아감
- 태그 작성 가능, 태그 검색 기능
댓글 작성
- 다른 사용자, 혹은 자신의 글에 댓글을 작성할 수 있다
- 댓글 작성 시에는 보상이 주어지진 않는다
- 댓글에 다른 사람의 투표를 받거나, 다른 사람의 댓글에 투표할 수 있다
- 댓글에 투표권을 행사하면 일정 금액을 사용하게 되고 해당 금액은 댓글 작성자에게 돌아감
- 투표권을 행사하면 수정이 불가하다
기술 스택
React, Typescript, Next.js, GraphQL, Recoil, Styled-components
맡은 역할
client의 메인 페이지, Layout, Aside
디테일 페이지 기능 추가
My Page 기능 추가
Recoil
Main
IntersectionObserver로 무한 스크롤을 구현하려 했으나
감지 기능만 넣어진 상태
MainList
데이터를 Props로 받아 화면에 뿌려주는 기능과
클릭 시 Detail 페이지로 이동
LikeAndComment
투표한 좋아요 수를 세고 서버에 클릭 시 서버에 요청
요청 부분을 구현 하였으나 오류를 다른 분이 수정함
Layout
재사용 할 수 있는 Layout 컴포넌트를 만들어
NavBar 컴포넌트, Aside 컴포넌트 등을 재사용하여
렌더링을 효율적으로 할 수 있는..
Aside
Layout에서 재사용되는 컴포넌트
글의 태그들 중 가장 많이 사용된 태그 7개를 정렬
클릭 시 해당 태그의 글만 필터링 되는 기능
Detail
글의 상세 정보 표시
SEO를 위해 Next.js의 getServerSideProps를 통해 url에 글의 제목 추가,
title 변경
Keep
새로운 기술을 도입하자는 의견을 적극 수용하였음
제안 해주신 덕분에 발전할 수 있는 기회가 되었다
Next.js로 SSR
GraphQL로 데이터 요청하는 것
어렵고 신세계..
Problem
조금 더 적극적으로 소통하지 못했던 것 같고
같은 작업을 여러번 수정해야했다
git 관리는 역시 어렵다
Try
전체적인 것을 생각하자
조금 더 적극적이 되면
프로젝트 완성도가 높아질텐데..
계속해서 공부하자
모든 것에는 이유가 있다
아니 모든 것에는 이유를 만들 수 있다
모든 것에는 장단점이 아니라 여러 면이 있는 것이기 때문이다
생각하기 나름이다
오히려 좋다
이 짧은 프로젝트만 봐도
새로운 기술을 도입하는 것이 힘들었지만
성장의 기회가 된다
오히려 좋다
당장은 내가 하고 싶었던 것을 멈추지만
또 새로운 경험과 시야를 넓힐 수 있는 기회가 될 것이다
오히려 좋다
