AWS S3에 버킷까지 다 만들고 이미지 업로드까지 제작이 끝나고나니 컴포넌트 제작과 기능은 원래 기획대로 순조롭게 제작이 완료되었다!
Home
Home 에서는 Emotion의 ThemeProvider를 사용해서 불을 켜고 끄는 방식의 light 테마와 dark 테마를 적용시켰고 해당 유저의 블로그 카드들과 카테고리 프로필 정보 등을 볼 수 있게 제작하였다.
ThemeProvider 사용법은 추후에 좀 더 자세히 다루면서 포스팅할 예정이다.
카테고리 생성 및 게시글 작성
카테고리는 사이드 메뉴에서 간단하게 바로바로 생성할 수 있게 하였고, 카테고리 삭제는 해당 카테고리로 이동한 후 삭제를 할 수 있는데, 카테고리에 엮여있는 게시글들까지 지워지는 건 좀 위험한 부분 같아서 해당 카테고리 내에 있는 게시글이 없는 경우에만 삭제가 가능하게 했다.
글쓰기의 경우에는 해당 카테고리안에서 글쓰기 버튼을 눌러서 사용할 수도 있고, 우측 상단의 Header 메뉴에서 글쓰기 버튼을 눌러서도 가능하다.
글 작성 방법은 마크다운 방법을 사용하였고, 게시글의 썸네일, 제목, 게시글 타입, 게시글 배경색, 게시글 글자색, 내용을 넣어서 게시글을 작성할 수 있게 하였다.
게시글 수정 및 삭제
게시글 수정은 해당 게시글을 열면 수정과 삭제가 바로 보이는 우측 상단에 두었고, 삭제의 경우에는 정말로 삭제를 진행할건지의 여부를 한번 더 체크한 후 삭제가 가능하게 했다.
내 정보 수정
내 정보 수정은 우측 상단의 Header 메뉴에서 내 정보 페이지로 이동 후 이메일을 제외하고 전부 수정이 가능하게 만들었다.
회원가입과 로그인 부분은 이전 포스팅들에 올렸기 때문에 생략하겠다.
게시글 목록에서 우측 하단에 들어가는 부분은 이제 뉴스 API를 이용해서 뉴스 정보들을 볼 수 있게 만들 예정이다.
다음 포스팅에서는 AWS EC2에 지금까지 제작한 프론트엔드 프로젝트 부분을 배포하는 부분에 대해서 포스팅 할 예정이다..!
