웹 첫 배포후기

링크 https://dev-log.kr

Devlog?

developer blog 를 줄인말로 개발자를 꿈꾸는 학생들을 위한 블로그이란 의미다

---

만들게된 계기

사실 이사이트는 개인 blog 로 만들 생각이었지만 서버랑 통신을 하면서 이블로그를 여러사람이 같이 하면 좋겠다 생각하고 만들게 되었다.

---

기간

4월 16일 ~ 7월 4일

---

팀

• frontend(https://github.com/HWANBINYOO/React-project/tree/main/vlog)
• backend(https://github.com/SungGil-5125/Blog)
  react.js 와 spring boot 를 사용해서 했다

---

기획

게시물

• 조회, 삭제, 생성

유저

• 로그인, 회원가입
• 프로필(프로필 조회, 수정)

배포

• AWS S3 + Cloudfront

---

적용된 기술

1. 게시글을 쓸때 react-markdown 을 적용해서 마크다운형식으로 게시글을 쓸 수 있게 했다
   

2. 게시글을 hover 할때 게시글안에있는 마우스 위치에따라서 그림자가 생기게 했다
   

---

시행착오

• formdata
  이미지를 주고 받는 방법을 찾던중 formdata 로 주고 받으면 된다는 걸 알고 적용시켰는데 자꾸 오류가 나서 몇주를 버렸다. 근데 원인은 중괄호를 하나 들여써서 생긴 오류였다..

• 게시글 animation
  원래는 그림자뿐만아니라 게시글도 기울여지게 했는데 그러면 게시글이 많아질 수 록 각도가 점점더 커져서 결국엔 그림자만 넣기로 했다

---

느낀점

처음 배포를 해보니깐 신기했고 아쉬운 부분들도 많았다
서버와 제대로 통신한 것이 처음이라 오래걸렸지만 성장을 많이 한거 같고 재밌었다