대나무숲 프로젝트 완료

제 중학교 이름을 딴 대나무숲이 완성되었습니다.

기본적인 구조는 React <-> Express with MongoDB 형태입니다.

 

홈페이지의 전체적인 분위기입니다. 일단 기본적으로 하늘색 / 밝은 파랑색을 주요 색깔로 선택했습니다.

UI 라이브러리인 Ant Design(ANTD) 의 Select 컴포넌트와 Tag 컴포넌트를 사용해 디자인을 조금 더 강화했습니다.

 

ANTD 최고 Select 메뉴 너무 이뻐요

7가지의 드롭다운 메뉴가 있으며 한 태그를 선택하고 게시하면 태그마다 색깔이 다 달라 보는 재미도 있습니다.

X, 중간 시점 기준으로 호다카는 16살, 히나는 15살입니답.

폰트는 Google Fonts 에서 구한 Noto Sans KR 폰트를 사용했습니다.

개인적으로 이 폰트를 매우 좋아하는데 Bold채로 바꾸면 엄청 간결하고 보기 좋거든요.

 

배포는 Heroku 에서 배포했습니다. Heroku 엄청 좋아요. 사실 AWS도 써보고 싶긴 한데 

신용카드 인증을 해야해서 안쓰고 있습니다. 부모님이 그런거 꺼려하시거든요.

사실 학교에 만들었다고 알리지도 않았고, 학생들이 쓰기에는 너무 부족하고 보안상 취약점이 많아 친구들끼리의 소통함으로 사용하고 있습니다. 생각보다 재밌어요.

 

 

처음으로 풀스택 기반 프로젝트를 완료했습니다. MongoDB랑 Express랑 연결하는거랑 DB 모델링이 너무 귀찮아서 안쓰고 있었는데 CRUD 기능만 사용하니 간편하고 좋네요.

다만 로그인 기능을 구현할때 귀찮을거 같아요...