드디어 1주일의 개인 프로젝트가 끝이 났습니다!.
한 주동안 만들었던 프로젝트가 잘 만들어 졌습니다.
수정을 거치면서 최종본을 만드는데. 어찌 최종본을 만들 때마다 계속 수정할 것이 생기는 건지....
결국 최종의 최종의 최종.......까지 만들어지는 ㅋㅋㅋ 그래도 잘만들어서 했다는 보람이 찼습니다 ㅎㅎ
제가 만들고 싶었던 웹페이지는 게시글을 만들수 있고 게시글을 만들어서 포인트를 모으고 모은 포인트로 카드를 뽑을 수 있고 필요 없는 카드는 판매하여 포인트를 벌 수 있는 가게를 만들어보자는 생각이 들어서 카드판매 사이트를 만들었습니다^^
제가 만든 내용은 아래의 주소에 만들었습니다.
billyhyunjun/sparta_market: sparta_market (github.com)
GitHub - billyhyunjun/sparta_market: sparta_market
sparta_market. Contribute to billyhyunjun/sparta_market development by creating an account on GitHub.
github.com
제가 만든 웹페이지를 소개 해드리겠습니다!
- 메인화면으로 화면 상단 네브바에는 유저의 정보 밑 바로가기키가 있으며, 중단에는 최근에 작성된 게시글과 판매글이 업로드 됩니다. 그리고 하단에는 메인가기 및 도감확인, 웹페이시 사용법이 표기 되어 있습니다.
- 로그인 화면입니다. 해당아이디가 있으면 로그인을 시도 할 수 있으며, 아이디가 없으면 회원가입을 할 수 있습니다.
- 회원가입을 하는 곳이며, 아이디와 페스워드, 확인 페스워드를 넣으면 회원가입이 완료 됩니다.
- 현재 작성 되어있는 게시들을 볼 수 있으며 상단에 검색에 내용을 넣어서 검색이 가능하며, 필터 기능으로 제목, 최신, 좋아요요 등 정렬이 가능합니다.
- 게시글을 생성시 이미지가 있다면 첨부가 가능하며, 제목, 내용, 해시태그를 넣어서 작성이 가능합니다. 그리고 글을 작성시 100포인트를 받을 수 있습니다.
- 작성된 게시글을 확인 할 수 있으며, 게시글의 좋아요 기능 및 작성자의 프로필 확인이 가능하고, 해시태그를 누르면 해시태그와 관련된 글을 볼 수 있습니다. 또한 댓글이 작성이 가능하며, 댓글 작성 시 10포인트를 받습니다.
- 작성자와 동일한 아이디로 접속 또는 관리자 아이디로 접속을 하면 삭제 또는 수정이 가능하며 수정을 하면 작성되었던 게시글과 내용이 나오며 수정하기를 눌러 기존 게시글을 변경할 수 있습니다.
- 해시태그를 눌러 해당 해시태그와 관련된 글을 확인 할 수 있습니다.
- 보유하고 있는 포인트로 1회당 100포인트를 사용하여 50가지의 카드중에 랜덤으로 1개를 흭득할 수 있으며 흭득한 카드로 도감을 완성하고 필요없는 카드는 판매 할 수 있습니다.
- 현재 내가 보유하고 있는 총 카드의 수와 도감 완성 목록을 확인 할 수 있습니다.
- 현재 카드를 판매 하고 있는 페이지이며 내가 가지고 있는 포인트로 구매가 가능합니다.
- 내가 가지고 있는 카드를 이용해서 카드를 판매 할 수 있으며, 카드 고르기를 눌러 카드를 선택한 후 판매를 할 수 있습니다.
- 현재 내가 가지고 있는 모든 카드를 볼 수 있으며, 필요 없는 카드를 골라서 상점에 판매 할 수 있습니다.
- 작성된 게시글을 확인 할 수 있으며, 내 포인트로 구매가 가능하며, 삭제 수정이 가능합니다.
- 수정시에는 카드변경은 불가능하며 가격과 내용이 변경 가능합니다.
- 카드 도감에 무슨 카드가 있는지 확인이 가능합니다.
- 웹페이지 설명입니다.
- 내 프로필 및 다른 유저의 프로필을 확인 할 수 있고 팔로우 기능 및 프로필 수정 삭제가 가능합니다.
- 프로필의 사진과 이름 비밀번호가 수정이 가능하나 아이디를 변경할 수는 없습니다.
- 해당 프로필 유저가 좋아요를 누른 게시물을 확인 할 수 있습니다.
이러한 기능들을 만들었습니다.
'코딩 교육 TIL' 카테고리의 다른 글
2024-04-23 AI 코딩 TIL (0) | 2024.04.23 |
---|---|
2024-04-22 AI 코딩 TIL (0) | 2024.04.22 |
2024-04-18 AI 코딩 TIL (1) | 2024.04.18 |
2024-04-17 AI 코딩 TIL (0) | 2024.04.17 |
2024-04-16 AI 코딩 TIL (0) | 2024.04.16 |