[외주일기] Cafe24 쇼핑몰에 사용할 앱을 개발하였다 [셀러서밋, 엑셀로 장바구니 추가 기능 구현]

2023. 11. 15. 12:37·◈ Yermi Project/Looks Like Thirty🦉
728x90

- Cafe24 쇼핑몰에 사용할 앱을 개발하였다

이번에 받은 작업은 카페24 쇼핑몰에 장바구니를 엑셀파일로 추가하는 기능이었다.
카페24 API를 사용하려면 OAuth 2.0에 대한 이해가 있어야 했기에 작업에 앞서 많은 공부가 필요하였다.
 

[API] Cafe24, OAuth 인증 과정 구현하기(1) [Admin API와 Front API의 차이, Redirect URI란, 카페24 쇼핑몰 앱 만

1) OAuth 인증 과정 구현하기(1) : 개발자센터 세팅 2) OAuth 인증 과정 구현하기(2) : 인증코드 발급 받기 3) OAuth 인증 과정 구현하기(3) : 엑세스 토큰 발급 받기 4) Cafe24 쇼핑몰에 스크립트 태그 심기 5)

yermi.tistory.com


- 작업내용

카페24 API를 사용하려면 API 통신용 서버가 필요했다.
배포용 서버는 리눅스로 결정하였고, 고객 분께서 관리하기 편하시도록 카페24 호스팅을 사용했다.

개발한 앱은 쇼핑몰에 설치만 하고, 판매용으로 배포하지는 않았다.

 

OAuth 2.0을 활용하여 엑세스 토큰을 발급 받고, 스크립트 태그를 쇼핑몰에 심어주었다.
Front API를 주로 활용하였기에 JavaScript 위주로 작업하였다.

Java 코드(좌)와 JavaScript 코드(우)

 

카페24 쇼핑몰의 단점은 DB 구조를 변경할 수 없다는 것이었다.
해당 기능의 핵심은 배송지를 구분하는 것이였는데, DB를 추가할 수 없어 난처했었다.

이에, 기존 추가입력 옵션을 활용하여 배송지 정보를 담을 수 있도록 기존 구조를 응용하였다.
(그리고 해당 내용을 다시 분리해주는 엑셀파일을 제작해 드렸다.)

기존 구조를 응용하여 막힌 상황을 해결! / 이래서 커스텀 하려면 쇼핑몰 사이트를 새로 구축한다는 생각이 들었다.

 

간단한 에러사항은 고객 분께서 조치할 수 있도록 매뉴얼을 작성하였다.
매뉴얼은 노션으로 정리하였고, 해당 링크를 고객 분께 전달 드렸다.

 

노션을 활용한 매뉴얼 배포


- 작업 결과물

Cafe24 쇼핑몰, 엑셀로 장바구니 추가 기능 구현 완료

 


 

이렇게 카페24 쇼핑몰 내에 엑셀로 장바구니를 추가할 수 있는 앱을 개발하였다.
OAuth 2.0 등 새로운 기술을 알아가고, 쇼핑몰의 구조에 대해서도 한 번 더 관심갖게 되는 시간이였다.

 

셀러서밋

과일, 축산, 수산, 건기식, 가공식품 위탁판매 식품 전문 도매몰 [ 3,2,1, 실행하자 ]

sellersummit.co.kr


- 작업 문의

 

룩스라익써티

2023 All Rights Reserved by "Looks Like Thirty"

lookslikethirty-survey.netlify.app


728x90
'◈ Yermi Project/Looks Like Thirty🦉' 카테고리의 다른 글
  • [외주일기] 웹사이트 구축! 업체 미팅부터 서버 배포까지 [링크21, ESG 플랫폼 사이트 구축]
예르미(yermi)
예르미(yermi)
끊임없이 제 자신을 계발하는 개발자입니다👨🏻‍💻
  • 예르미(yermi)
    예르미의 코딩노트
    예르미(yermi)
  • 전체
    오늘
    어제
    • 분류 전체보기 (937)
      • ◎ Java (133)
        • Java☕ (93)
        • JSP📋 (26)
        • Applet🧳 (6)
        • Interview👨🏻‍🏫 (8)
      • ◎ JavaScript (48)
        • JavaScript🦎 (25)
        • jQuery🌊 (8)
        • React🌐 (2)
        • Vue.js🔰 (6)
        • Node.js🫒 (3)
        • Google App Script🐑 (4)
      • ◎ HTML5+CSS3 (17)
        • HTML5📝 (8)
        • CSS3🎨 (9)
      • ──────────── (0)
      • ▣ Framework (67)
        • Spring🍃 (36)
        • Spring Boot🍀 (12)
        • Bootstrap💜 (3)
        • Selenium🌕 (6)
        • MyBatis🐣 (10)
      • ▣ Tools (47)
        • API🎯 (18)
        • Library🎲 (15)
        • JitPack🚀 (3)
        • Jenkins👨🏻 (7)
        • Thymeleaf🌿 (4)
      • ▣ Server (32)
        • Apache Tomcat🐱 (14)
        • Apache HTTP Server🛡️ (1)
        • Nginx🧶 (7)
        • OracleXE💿 (4)
        • VisualSVN📡 (4)
      • ▣ OS : 운영체제 (18)
        • cmd : 명령프롬프트💻 (10)
        • Linux🐧 (8)
      • ▣ SQL : Database (56)
        • Oracle SQL🏮 (26)
        • PL SQL💾 (9)
        • MySQL🐬 (6)
        • MariaDB🦦 (6)
        • H2 Database🔠 (3)
        • SQL 실전문제🐌 (6)
      • ────────── (0)
      • ◈ Human Project (86)
        • Mini : Library Service📚 (15)
        • 화면 설계 [HTML]🐯 (10)
        • 서버 프로그램 구현🦁 (15)
        • Team : 여수어때🛫 (19)
        • Custom : Student🏫 (9)
        • Custom : Board📖 (18)
      • ◈ Yermi Project (40)
        • 조사모아(Josa-moa)📬 (5)
        • Riddle-Game🧩 (6)
        • 맛있을 지도🍚 (2)
        • 어디 가! 박대리!🙋🏻‍♂️ (5)
        • 조크베어🐻‍❄️ (4)
        • Looks Like Thirty🦉 (2)
        • Toy Project💎 (12)
        • 오픈소스 파헤치기🪐 (4)
      • ◈ Refactoring (15)
        • Mini : Library Service📚 (8)
        • 서버 프로그램 구현🦁 (1)
        • Team : 여수어때🛫 (0)
        • 쿼리 튜닝일지🔧 (6)
      • ◈ Coding Test (89)
        • 백준(BOJ)👨🏻‍💻 (70)
        • 프로그래머스😎 (2)
        • 코드트리🌳 (7)
        • 알고리즘(Algorithm)🎡 (10)
      • ◈ Study (102)
        • 기초튼튼 개발지식🥔 (25)
        • HTTP 웹 지식💡 (4)
        • 클린코드(Clean Code)🩺 (1)
        • 디자인패턴(GoF)🥞 (12)
        • 다이어그램(Diagram)📈 (4)
        • 파이썬(Python)🐍 (16)
        • 에러노트(Error Note)🧱 (34)
        • 웹 보안(Web Security)🔐 (6)
      • ◈ 공부모임 (39)
        • 혼공학습단⏰ (18)
        • 코드트리 챌린지👊🏻 (2)
        • 개발도서 100독👟 (8)
        • 나는 리뷰어다🌾 (11)
      • ◈ 자격증 공부 (37)
        • 정보처리기사🔱 (16)
        • 정보처리산업기사🔅 (9)
        • 컴퓨터활용능력 1급📼 (12)
      • ─────────── (0)
      • ◐ 기타 (113)
        • 알아두면 좋은 팁(tip)✨ (46)
        • 개발자의 일상🎈 (44)
        • 개발도서 서평🔍 (10)
        • 개발관련 세미나🎤 (2)
        • 블로그 꾸미기🎀 (9)
        • 사도신경 프로젝트🎚️ (2)
  • 인기 글

  • 최근 댓글

  • 태그

    Database
    jsp
    백준
    Java
    Oracle
    프로그래밍
    Project
    CSS
    자바스크립트
    SQL
    html
    백준 티어
    코딩 테스트
    javascript
    BOJ
    일상
    꿀팁
    spring
    코딩
    Error Note
  • 250x250
  • hELLO· Designed By정상우.v4.10.3
예르미(yermi)
[외주일기] Cafe24 쇼핑몰에 사용할 앱을 개발하였다 [셀러서밋, 엑셀로 장바구니 추가 기능 구현]
상단으로

티스토리툴바