# Onlinestore

21개의 포스트
post-thumbnail

🦁 Python Online Store 만들기 25편 - 배포(heroku)

🎈* Front End Developer 의 Back End 도전기 !* 🎈 이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다. 작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다. 1. 배포 ✍ heroku cloud service 를 이용하여 로컬환경에서만 확인하던 사이트를 url 생성 후 배포시켜 어느 환경에서든 확인할 수 있게 세팅하려고 한다. heroku 는 서버를 가지고 있는것 처럼 웹의 공간을 대행해주는 cloud platform 이라고 생각하면 될 것 같다. 작업 방식은 git 을 통해 push / pull 을 하며, 소스를 서버에 반영할 수 가 있다. 해당 과정을 진행하며 heroku 회원가입 등 기초 작업들은 따로 포스팅 하지 않고, 실질적인 terminal 창에서 url 생성 및 git 배포 과정만 남겨보겠다. >

2022년 9월 21일
·
0개의 댓글
·
post-thumbnail

🦁 Python Online Store 만들기 23편 - 상품 결제(4)

🎈* Front End Developer 의 Back End 도전기 !* 🎈 이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다. 작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다. 1. payment complete 성공 ✍ payment 결제가 완료된다면, 완료된 정보를 ajax 내부 done data에 전달하는 작업을 해 보겠다. 이번 작업을 하면서 구문에 익숙하지가 않다보니, 정말 별것도 아닌 디버깅 문제로 새벽까지 재미나게(?) 해결해본 이번 챕터이다 😵‍💫 확실히 겪은 문제를 토대로 작업내용을 공유해 보고자 한다. 우선, controllers > payment file에서 성공하게 되면 order id와 message를 전달해 주게 된다. 그 전달받은 값을 ajax done 값에 활용할 것이다. > 1. 가맹점 서버

2022년 9월 3일
·
0개의 댓글
·
post-thumbnail

🦁 Python Online Store 만들기 22편 - 상품 결제(3)

🎈* Front End Developer 의 Back End 도전기 !* 🎈 이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다. 작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다. 1. 결제 성공 시 flask 처리 API ✍ 결제가 완료된다면, 완료의 단면적인 부분이 아닌 여러 절차를 생각해 보아야 한다. 우선, 간단한 로직을 생각해보면 (1) 결제가 완료되고 (2) 결제가 실제로 정상적으로 완료되었는지 확인하는 절차가 필요하며 (3) 결제에 대한 정보를 저장하고 (4) 주문 document status를 완료 상태로 업데이트 시키는 API가 필요하다. 각 순서별로 코드를 짜서 API를 추가시켜 보겠다. > 1. route 및 함수 생성 ![](https://velog.velcdn.com/images/y

2022년 8월 24일
·
0개의 댓글
·
post-thumbnail

🦁 Python Online Store 만들기 21편 - 상품 결제(2)

🎈* Front End Developer 의 Back End 도전기 !* 🎈 이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다. 작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다. 1. 결제 요청 ✍ 지난 시간에는 form을 작성하고, 작성한 form의 고유 id값이 넘어오는 것 까지 확인 해 보았다. 이번시간에는, iamport를 활용하여 pg사를 연동시켜 실제 금액이 빠져나가고, 취소했을 때 환불처리 되는 것 까지 구현해 보려고 한다. 기존에 정말 해보고 싶었던 작업이고, 까다로운 요소들도 많지만 차근차근 작업 해 보겠다! > 1. iamport script import ![](https://velog.vel

2022년 8월 22일
·
0개의 댓글
·
post-thumbnail

🦁 Python Online Store 만들기 20편 - 상품 결제(1)

🎈* Front End Developer 의 Back End 도전기 !* 🎈 이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다. 작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다. 1. 구매 프로세스 ✍ 우선, 상품을 구매 후 결제하는 과정에 있어서 해당 로직을 생각나는대로 적어보겠다. 결제 버튼 클릭 시 결제 요청 페이지가 나오고 -> 결제 창이 오픈 되며(통상적으로 popup이 될 것 같다) -> 구매자가 결제를 완료할 시 -> 결제 확인 화면이 나타나고 -> 주문이 완료되며 (결제 금액 및 주소 확인) -> 상품을 구매 완료 시킨다. 결제를 구현하는데에 있어서는 iamport를 사용할 것이며, iamport -> 결제 요청 시 결제 창을 열어주고, 사용자 -> 결제를 하게 되면 결제 후 결제확인 단계에서도 **iamport A

2022년 8월 22일
·
0개의 댓글
·
post-thumbnail

🦁 Python Online Store 만들기 19편 - 상품 구매결과 조회

🎈* Front End Developer 의 Back End 도전기 !* 🎈 이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다. 작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다. 1. 구매결과 조회 ✍ 사용자가 구매를 완료하였다면, 구매를 완료한 상품의 목록 및 상세페이지가 필요할 것이다. 우선, 주문완료 상품의 목록부터 확인이 가능하도록 구성해 보겠다. > 1. 주문완료 controller 생성 > 📍 blueprint 생성 = order 주소를 가진 blueprint controller 생성 > >---- 📍 controllers >

2022년 8월 11일
·
0개의 댓글
·
post-thumbnail

🦁 Python Online Store 만들기 18편 - 상품구매

🎈* Front End Developer 의 Back End 도전기 !* 🎈 이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다. 작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다. 1. 상품구매 프로세스 ✍ 상품 구매에 대한 전반적인 순서를 그려보고 이해한 후 넘어가는 것이 좋을 것 같아 대략적인 순서를 구성해보았다. 우선 (1) 상품 상세 페이지 접속 후 -> (2)구매하기 버튼을 클릭할 시 -> (3)주문자 정보 입력 page가 나오게 되고, (4)주문자 정보 입력 후 결제를 클릭 시 -> (5)결제창 및 결제완료 페이지가 호출된다. 그 후, (6)상품구매완료 페이지가 호출되며 ->* (7)구매상품목록을 확인할 수 있는 페이지가 호출되고 -> (8)*구매 결과 페이지가 호출

2022년 8월 11일
·
0개의 댓글
·
post-thumbnail

🦁 Python Online Store 만들기 17편 - 기능별 권한부여

🎈* Front End Developer 의 Back End 도전기 !* 🎈 이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다. 작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다. 1. 권한부여 ✍ 이전 시간에는 관리자(판매자) 와 구매자의 권한을 is_admin key값으로 구분하여 상품등록 페이지를 예시로 들어 테스트를 해보았다. 이제 구분할 수 있는 권한을 생성했으니, 각 페이지 및 기능들의 권한을 부여해 보도록 하겠다. > 1. is_admin 권한 부여 = 상품 등록, 삭제, 수정, 수정 API 에도 적용을 시킨다. > 하지만, 이전 테스트

2022년 8월 10일
·
0개의 댓글
·
post-thumbnail

🦁 Python Online Store 만들기 16편 - 사용자구분(관리자(판매자)/구매자)

🎈* Front End Developer 의 Back End 도전기 !* 🎈 이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다. 작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다. 1. 사용자 구분 및 권한 ✍ 사용자의 경우를 나누어 보겠다. 사용자는 판매자와 구매자로 구분할 수 있다. 판매자는 상품 CRUD가 가능해야하며, 구매자는 상품을 확인하고 구매하는 역할이다. 따라서, 판매자와 달리 구매자는 상품을 보거나 구매만 가능해야한다. 사용자를 구분하고, 각 사용자마다 권한을 부여해 요청을 제한해야한다. 우선, 판매자/구매자 > Users collection document > is_admin key값을 대입하여 true일 시 판매자, *

2022년 8월 10일
·
0개의 댓글
·
post-thumbnail

🦁 Python Online Store 만들기 15편 - 사용자구분(로그인/비로그인)

🎈* Front End Developer 의 Back End 도전기 !* 🎈 이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다. 작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다. 1. 사용자 구분 및 권한(로그인/비로그인) ✍ 로그인 사용자와 비로그인 사용자 로 구분지을 수 있다. 로그인을 한 사용자는 상품을 구매하거나 로그아웃을 할 수 있지만, 로그인을 하지않은 사용자는 상품을 보는 것만 가능하다. 이 또한 구분 후 요청을 제한해야한다. 작업 전 굴러가는 로직을 생각한 후 작업해 보겠다. 우선, 로그인/비로그인 사용자 > session 존재유무에 따라 구분할 수 있겠다. 현재 세션으로 로그인 되었을 시 로그아웃이 나오고, 로그아웃 시 로그인이

2022년 8월 10일
·
0개의 댓글
·
post-thumbnail

🦁 Python Online Store 만들기 13편 - 회원가입

🎈* Front End Developer 의 Back End 도전기 !* 🎈 이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다. 작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다. 1. 회원가입 ✍ 작업 전, 새로운 상품을 등록하는 로직처럼 새로운 사용자를 등록하면 크게 다를 게 없을 것 같다는 생각이 들었다. 결과적으로 회원가입은 상품 등록과 유사하다. 상품 -> 사용자가 되는 것이고, product에서 사용한 controllers 및 models 도 User로 세팅하면 되는 것이다. 새로운 상품 등록이 아닌, 새로운 사용자가 등록한다고 생각하면 쉽게 해결할 수 있으리라 판단했다. > 1. blueprint 경로 세팅 ![](https://velog.velcdn.com/images/yohan-rec

2022년 8월 8일
·
0개의 댓글
·
post-thumbnail

🦁 Python Online Store 만들기 12편 - 상품 상세페이지

🎈* Front End Developer 의 Back End 도전기 !* 🎈 이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다. 작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다. 1. 상품 상세 ✍ 상품 상세페이지는 수정과 많이 다르지 않다. 상품 정보 수정페이지는 특정상품의 고유번호(id) 를 주소로 받아서 MongoDB에서 해당하는 document 정보를 가져와서 product.html 과 함께 반환해 주었다. 마찬가지로, 상품정보를 html 에 넘겨서 보여주는 것이므로 쉽게 처리할 수 있을 것이라고 판단했다. (판단이 맞길 😅) > 1. 상품 상세 정보 페이지 API 생성 ![](https://velog.velcdn.com/images/yohan-record/post/5c9151fc-4e6

2022년 8월 4일
·
0개의 댓글
·
post-thumbnail

🦁 Python Online Store 만들기 11편 - 상품 수정

🎈* Front End Developer 의 Back End 도전기 !* 🎈 이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다. 작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다. 1. 상품 수정 ✍ 상품 수정은 등록과 매우 유사하다. 변경하고싶은 특정 상품의 고유번호를 주소값에 담고 update 주소를 정의한다. flask가 주소를 요청받으면 API 함수를 호출하고, 특정상품의 고유번호를 가진 product document 상품을 찾아 수정시켜 주는 것이다. > 1. 상품 수정 API 생성 > = route를 pr

2022년 8월 4일
·
0개의 댓글
·
post-thumbnail

🦁 Python Online Store 만들기 10편 - 상품 삭제

🎈* Front End Developer 의 Back End 도전기 !* 🎈 이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다. 작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다. 1. 상품 삭제 ✍ 등록된 상품을 list에서 확인 후 삭제하는 기능을 구현해 보도록 하겠다. 큰 logic을 구상해보면 상품 삭제를 위해 버튼을 클릭 시 삭제하고자 하는 상품의 고유id값을 매개변수로 던져주고, 삭제가 진행되는 과정이다. > 1. 상품 삭제 API 생성 = 상품 삭제 요청을 받기 위해서는 주소를 요청해야 한다. 삭제의 경우에는 **/product_id/d

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

🦁 Python Online Store 만들기 9편 - list 커스텀 및 실제 값 부여

🎈* Front End Developer 의 Back End 도전기 !* 🎈 이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다. 작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다. 1. 상품 List ✍ 이전 시간에서는 db에 저장된 document 정보들을 불러왔다면, 이번 시간에는 불러온 정보들을 실제 온라인스토어의 list 형태로 구조화 시킨 후 실제 값들을 넣어 보겠다. > 1. html 구조 작성(bootstrap 활용) = 이전 posting에서도 설명했듯이 필자가 현업에서 사용하는 fe 업무에 포함되어 있는 내용이고, 따로 공부할 필요가 없다고 판단하여 도출된 결과물만 기록하도록 하겠다. > 간단한 순서이지만, 표기해본다면 **bootstrap demo들을 download

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

🦁 Python Online Store 만들기 8편 - 상품 list 조회

🎈* Front End Developer 의 Back End 도전기 !* 🎈 이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다. 작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다. 1. 상품조회 ✍ 상품등록 방식과 유사하다. flask 에서 주소로 products/list(get) 접속 할 때, products.html file을 전달시킬 것이다. > 1. API 생성 = product route 의 주소는 /list(get 방식은 default 이므로 표기안함) 로 설정하였고, 함수명은 get_products 로 정의하

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

🦁 Python Online Store 만들기 7편 - web browser 상품등록

🎈* Front End Developer 의 Back End 도전기 !* 🎈 이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다. 작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다. 1. 상품등록 ✍ form > input 값에 맞게 상품이름, 가격, 설명, 이미지 등 첨부 후 등록버튼을 클릭 시 값이 전송되는 logic으로 구성되어있다. > 1. API 생성 = get 방식(default)으로 form을 호출 시 등록 화면이 보이도록 호출하는 API를 생성하는 것이다. > 즉, /form 주소로 flask 요청을 하게 되면,

2022년 8월 2일
·
0개의 댓글
·
post-thumbnail

🦁 Python Online Store 만들기 6편 - 상품 이미지 upload

🎈* Front End Developer 의 Back End 도전기 !* 🎈 이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다. 작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다. 1. img upload ✍ 이전 시간에는 판매하고자 하는 상품의 고유 값 및 정보들의 값을 db에 저장하였다. 추가적으로 list에 뿌려질 thumbnail img 및 view page의 img 도 파일 경로를 생성한 후 지정된 filename으로 저장하여 값을 넘겨보도록 하겠다. > 1. request file 경로 생성(thumbnail 및 detail img) ![](https://velog.velcdn.com/images/yohan-record/post/98e3c5c4-fcd1-4461-9b2b-527c4460dce5/image.p

2022년 8월 2일
·
0개의 댓글
·
post-thumbnail

WooCommerce VS Shift4Shop: Which Platform Is Better In 2022?

Choosing the right platform for your website development is a big decision before doing any investment. Both eCommerce platforms, WooCommerce vs Shift4Shop, are famous and have their advantages for development. They made adaptable eCommerce platforms that make website design and development more accessible. Specific companies demand various types of eCommerce software. To learn which service fulfills your requirements, think about comparing different solutions feature by feature including their

2022년 6월 30일
·
0개의 댓글
·
post-thumbnail

What is E-Business | Meaning, Types, Components, Model and Features

Electronic Business (E-Business) is the administration of conducting any business using the internet, extranet, web, and intranet. This would include buying and selling of goods or services using commercial transactions conducted electronically along with providing customer or technical support with the help of the internet. E-business is similar to E-commerce but it is more than just a simple act of buying and selling services or goods online. In fact, it is the method of utilizing digital info

2022년 6월 15일
·
3개의 댓글
·