혼술러들을 위한 커뮤니티 사이트입니다.
23.01.23 ~ 23.02.17
FrontEnd : HTML CSS Typescript
database : firebase
- 로그인, 소셜로그인
- 회원가입
- 글쓰기/ 글수정/ 글삭제
- 댓글 쓰기
- 페이지네이션
- 제목 혹은 내용 검색
- 조회수 카운트
- 방문 횟수 카운트
- 비밀번호 찾기
- 댓글 삭제
- 이메일 인증
- 댓글 답글쓰기
- 닉네임 중복 여부 확인에 따른 회원가입 여부 등
- 커뮤니티를 하나 만드는데도 수많은 기능들을 구현해야 한다는 것을 깨달음.
- CSS의 경우 styled-components를 활용하였는데 이전보다 더욱 자유롭게 사용한 것 같음.
-
Typescript를 사용했지만 Type 부여할때 어떤 타입을 써야할지가 많이 어려웠다. 구글링 과정에서 예시 코드들이 대부분 javascript로 구현이 되어 있어서 모르는 type 부분은 거의 any로 해결함.
-
처음 컴포넌트를 만들 당시 컴포넌트마다 useEffect를 통해 각각 db에 접근해 데이터를 가져오게 작업함. 이후 contextapi로 전역관리를 하다보니 몇몇 컴포넌트에서 구현한 기능들이 제대로 작동하지 않아 수정에 어려움을 겪음 결국 몇몇 안되는 컴포넌트는 기존에 만든 대로 사용함.