❗️❗️제작한 블로그는 https://cyblog.fly.dev/에서 접속할 수 있어요❗️❗️
홈 화면
홈 화면이다.
왼쪽에는 좋아요를 누를 수 있는 버튼과 지금까지 좋아요가 눌린 횟수를 보여준다.
아래엔 각각 내 인스타, 깃허브, 티스토리 블로그를 링크해서 넣어두었다.
최근 글과 공지사항을 각각 3개씩 보여준다. 여기서 제목을 클릭하면 글을 보여줌!
최근 글, 공지사항 이외에 홈화면에 뭘 넣을까 생각하다 게임을 넣기로 했다!
초기엔 구글 크롬에 나오는 공룡 게임을 만들까 했었는데, 시간이 촉박하여 순발력 테스트 게임을 넣기로 했다.
1번째, 2번째, 3번째 시도를 하고 나면 평균 점수로 랭킹 등록도 할 수 있다!
프로필 화면
내 블로그니 내 소개가 한 페이지 정도 있어야 할 것 같아서 만들어 보았다.
내 사진과 생일, 제작일자, 이메일, 그리고 만들게 된 계기를 간단하게 적어두었다!
나중엔 좀 더 멋있는 말로 적어보고 싶다ㅋㅋ
전체 글 보기
모든 글들을 볼 수 있는 화면!
아직 글의 갯수가 많이 있지 않아 한 페이지에 모든 글들이 다 보이게 되었다.
사실 페이지를 만들던 도중 여러 명이 쓸 수 있는 사이트로 만들고자 해서 작성자 이름을 나타냈는데, 아무래도 나만 쓰게 될 것 같다.
시간이 남으면 이름과 작성일자를 아래로 내리는 방법을 생각중.. 지금은 좀 안이쁘다
글 내용 보기
이 사진을 넣으려 내가 얼마나 고생했는지 !!
글쓰기 화면에서 사진을 넣으면 아마존S3에 사진이 저장되고 그걸 불러오는 방식으로 만들어 보았다.
스크롤을 내리면 수정, 삭제버튼(수정 기능은 아직 만들지 않았다..),
더 내리면 댓글이 나온다.
댓글은 회원만 쓸 수 있게 막아두었다!
방명록
누구나 와서 쓸 수 있는 방명록이다!
이름과 비밀번호, 댓글을 작성하고 등록 버튼을 누르면 댓글이 등록된다.
좋아요 버튼(⭐️)을 클릭하면 숫자가 올라간다.
아직 비밀번호 기능을 구현하지 않아서 모르는 사용자가 댓글을 등록한 것은 삭제버튼을 누르면 삭제가 된다.
하지만 회원이 작성한 글은 본인이 아니면 삭제 버튼이 나오지 않는다!
글쓰기
글쓰기 페이지다.
비회원이 글쓰기 버튼을 누르면 이 페이지가 나온다.
하지만 회원이 글쓰기 버튼을 누르면 정상적인 글쓰기 페이지가 나온다!
WYSIWYG 방식의 글쓰기 툴인 React-quill을 사용했다.
잘 작동한다!
로그인 및 회원가입
❗️❗️❗️이 글을 보고 회원가입 하고자 하는 사람은 비밀번호를 1234 등의 쉬운 번호로 저장해 주세요❗️❗️❗️
아직 보안 설정을 하지 않아 가입자의 비밀번호가 그대로 데이터베이스에 저장된다.
로그인과 회원가입 페이지다!
뭐 딱히 특별한게 없다.
마이페이지 (개발 예정)
뭘 넣을까 고민하다 완성되지 못한 마이페이지다.
여기에 본인이 원하는 bgm을 입력하는 것도 생각중이다!
좋은 아이디어가 있다면 바로 말해주세요!
채팅방(개발예정)
진짜 아직 하나도 만들지 않은 채팅방.
다음학기엔 채팅방 기능도 만들어봐야겠다.
이상 기능 소개 끝!
'코딩 > 프로젝트' 카테고리의 다른 글
| 월간신천팟(2) (0) | 2023.11.16 |
|---|---|
| 월간신천팟(1) (1) | 2023.11.16 |
| 23년도 8월 프로젝트 : 블로그 만들기 (1) | 2023.09.21 |
| 린 스타트업이란? (3) | 2023.09.14 |
| 메타의 새로운 SNS, Thread :: 사용 후기 등 (0) | 2023.07.06 |