Portfolio/sopang (34) 썸네일형 리스트형 sopang - 결제 - 네이버페이(포인트) 네이버 카드 결제를 추가했다. 로그인상태가 아닐경우 로그인창이 먼저 뜬다. 네이버페이 팝업, 결제금액은 편리/추후 테스트를 위해 100원으로 맞췄다. 결제성공시 주문목록 결제실패를 위한 결제실패 페이지는 동일하다. 네이버 - 결제성공 - 포인트 sopang - 결제 - 네이버페이(카드) 네이버 카드 결제를 추가했다. 로그인상태가 아닐경우 로그인창이 먼저 뜬다. 네이버페이 팝업, 결제금액은 편리/추후 테스트를 위해 100원으로 맞췄다. 결제성공시 주문목록 결제실패를 위한 결제실패 페이지는 동일하다. 네이버 - 결제성공 - 카드 sopang - 결제 - 카카오페이 카카오 결제를 추가했다. 결제성공시 주문목록 잘못된 정보를 입력할 경우 결제실패를 위해 결제실패 페이지를 추가했다. 결제성공_영상시정시, 카카오가 새 브라우저로 열려 직접적인 녹화가 되지않았으며 직접인증/결제할동안 기다려주길 바란다. 결제실패_영상시정시, 카카오가 새 브라우저로 열려 직접적인 녹화가 되지않았으며 직접인증/결제할동안 기다려주길 바란다. sopang - 결제 - 신용카드 결제기능을 추가했다. 결제성공시 주문목록 잘못된 정보를 입력할 경우 결제실패를 위해 결제실패 페이지를 추가했다. 결제성공_영상녹화를위해잠시일부영역을type=password처리했다. 결제실패_영상녹화를위해잠시일부영역을type=password처리했다. 결제실패 장바구니_영상녹화를위해잠시일부영역을type=password처리했다. 장바구니에 담겨있던 상품 주문이 실패됬을경우, 장바구니에서 사라지지않도록 한다. sopang - 완료 구현완료 정리본. 결제api를 추가하기 전 페이지들이다. header https://standout.tistory.com/442 sopang 구현 - header 기획한대로 구현했다. 구현도중 수정된 내용이 있다면 빨간색으로 표시했다. 구현중 에러사항들은 따로 정리했다. https://standout.tistory.com/435 sopang 에러기록 https://standout.tistory.com/401 여러개등록 standout.tistory.com 회원가입 https://standout.tistory.com/436 sopang 구현 - 회원가입 기획에 따라 구현했다. 구현도중 수정된 내용이 있다면 빨간색으로 표시했다. 구현중 에러사항들은 따로 정리했다. https://standout.tistory.. sopang 이미지 - 로고 sopang 이미지를 만들었다. 기본, 정사각형, 직사각형으로 로고가 들어가는 곳에 배치된다. 배송정보/안내 등의 코딩과 관련없는 영역들은 노력이 들어가지만 코딩과 큰 관련이 없다. 이러한 영역들을 아래의 이미지들이 배치됨으로써 코드작성에 집중할 계획이다. sopang 이미지 - 상품이미지 sopang 이미지 - 상품이미지 상품이미지는 메인, 디테일2개 이미지로 구성되며 모든 파일의 이름은 통일했다. 특별한 이유는 없다. 나만의 쇼핑몰이니 나만의 규칙에 맞춰 깔끔하게 만들고싶어서 그렇게 하기로 했다. 디자인 작업을 최소화하고 구현에 집중하는것이 목표이기 때문에 모든 상품이미지들은 서치해놨던 페이지들에 방문에 이미지를 추출한뒤 적절히 누끼를 따 png로 저장했다. 투명한 배경을 가진 이 상품이미지들은 추후 내가 필요할때 활용할 수 있을것이다. https://standout.tistory.com/211 sopang 기획 - 카테고리/상품 포폴 기본 프로젝트로 쇼핑몰이 있는데 경력이 아닌 개인 작업물이기에 뭔가 만들면 취업 이후 노출되지않는 프로젝트가 될 것같았다. 쇼핑몰 프로젝트의 상품목록들은.. sopang 이미지 - 메인페이지2 메인페이지에 사용될 이미지를 빠르게 제작해봤다. 위 이미지들은 아래처럼 배치될것이다. 이전 1 2 3 4 5 다음
