2021-2학기 수업에서 개인 기말 프로젝트로 쇼핑몰 웹 사이트를 제작하게 되었다.
주제는 자유 주제였고, 그 당시에 곧 크리스마스가 다가와서 나는 크리스마스 소품 판매 사이트를 제작하기로 결정했다.
우선 1차로 내가 구상한 웹 사이트를 소개하는 ppt를 교수님께 제출해야 했다.
아래는 ppt 중 일부를 캡쳐한 것이다. (제작의도)
이 웹 사이트의 페이지는 크게 6가지로, 회사 소개 페이지, 대문 페이지, 상품 목록 페이지, 상품 세부 페이지, 마이페이지, 로그인 페이지로 구성되어 있다.
그리고 상품의 종류는 크리스마스 트리, 스노우 볼, 리스이다.
- 웹 사이트 테마(메인 화면)
웹 사이트의 메인 테마는 https://startbootstrap.com/theme/grayscale 테마를 사용했다.
처음에 수업을 들으면서 완성한 기본 블로그 사이트와는 다르게 일단 디자인적으로 완성도 있게 만들고 싶었고, 이 테마를 잘 이용하면 괜찮을 것 같았다.
이 테마의 많은 부분을 수정하는 부분이 어려웠다. 어디 부분을 따오고, 버릴건지 고민하고 또 배치는 어떻게 할 지 등 결정해야 할 부분이 많았다.
- 로그인 기능
로그인 기능은 생각보다는 쉽게 할 수 있었다. diango-allauth기능으로 다양한 서비스 계정 로그인하는 것이 가능했다.
구글 계정으로 로그인 하는 경우는 구글 개발자 콘솔에서, 네이버 계정 로그인은 오픈 API 이용 신청만 하면 이용할 수 있다.
- 상품 페이지(트리, 리스, 스노우볼)
상품 목록 페이지에서 구입하기를 클릭하면 세부 페이지로 이동하며, 세부 페이지에는 댓글을 달 수 있는 기능도 추가했다.
검색 기능도 포함되어 있어서 화이트를 입력하고 이동하면 '화이트'라는 단어를 포함한 상품만 보여준다.
- 마이 페이지
데이터베이스에 저장된 사용자의 정보를 가져와서 아이디, 이메일 내가 쓴 댓글을 보여주도록 하였고, 댓글을 클릭하면 내가 댓글을 단 부분으로 이동한다.
- 마무리
다른 환경에서도 이용이 가능하도록 컨테이너 기반의 오픈 소스 플랫폼인 도커(docker)를 사용했다. 교재를 참고하면서 했는데도 쉽지 않았다.
(오류가 많이 났던걸로 기억..)
그리고 DBMS는 PostgreSQL을 사용했다.
혼자서는 처음으로 완성한 웹 사이트인데, 과정이 너무 힘들었지만 완성하고 나서는 너무 뿌듯했다. 마지막으로 발표까지 잘 마치면서 마무리했다.
이런 좋은 경험을 갖게 되어서 너무 감사하고, 앞으로도 또 색다르고 다양한 경험을 해보고 싶게 만들어 준 소중한 결과물이다.
- 웹 사이트 영상
너무 아쉽지만,,, 배포에서 오류가 계속 발생해서 아직 해결하지 못했다. 그래서 짧게 웹 사이트 실행 영상을 찍어 보았다.
'백엔드 > Django' 카테고리의 다른 글
[Django] 가상환경 설치 및 실행하기 (0) | 2021.08.09 |
---|