쇼핑몰 어드민 특히 상품등록이나 수정화면은 입력해야 할 항목도 많지만
- 카테고리 등에 따라 입력 항목이 달라질 뿐만 아니라
- 어떤 항목을 선택하면 다른 항목이 활성화되거나 비활성화되고
- 어떤 항목을 입력하면 다른 항목이 자동으로 변경되는 등
매우 복잡한 구조를 가지고 있습니다.
또한 업체마다 계약 조건, 권한, 마진 등이 다르고 입력 항목이 다르기도 합니다.
이런 동작은 일반적으로 어드민 페이지의 자바스크립트가 처리하는데
실제 어드민 페이지 내용을 보면 화면을 구성하는 HTML보다
이런 동작을 컨트롤하는 자바스크립트 내용이 훨씬 많음을 알 수 있고,
화면 구성 조차도 HTML보다는 자바스크립트가 더 많은 부분을 담당하고 있습니다.
상품등록이나 수정 화면의 자바스크립트의 내용을 보면
if, switch 등 조건에 따라 다르게 동작하는 분기문이 수백, 수천개가 존재하는데
이는 곧 최소 수백, 수천 가지 경우의 수가 존재한다는 의미이며
이를 조합하면 이보다 훨씬 많은 경우의 수가 존재함을 알 수 있습니다.
아울러 예전에는 자바스크립 구조가 간단해서 어느 정도 분석이 가능했지만
지금은 jQuery, WebSquare, Angular 등 새로운 기술들이 적용된 페이지들은
자바스크립트 구조가 매우 복잡하여 분석하기 조차 어렵게 되어 있습니다.
사용자가 어드민에서 상품등록이나 수정을 하면
- 사용자가 화면을 열면 기본적으로 HTML에 의해 화면이 구성되지만
이후 자바스크립트가 다수의 URL을 호출하면서 화면 데이타를 구성하고,
업체 ID나 권한 등 여러가지 조건에 맞게 화면을 구성합니다.
특히 수정의 경우에는 상황에 맞게 기존 상품 내용을 화면에 로드합니다.
- 선택 항목은 선택 값이 제한되어 있고, 비활성화된 항목은 입력할 수 없는 등
화면에 의해 입력할 수 있는 데이타가 제어됩니다.
- 사용자가 값을 입력하거나 선택하거나 버튼을 클릭할 때마다
어드민 자바스크립트가 다른 항목들을 자동으로 설정하거나 화면을 제어합니다.
- 사용자가 저장 버튼을 클릭하면 자바스크립트가 데이타를 검증한 후 서버로 전송합니다.
즉, 사용자는 화면에 보이는대로 값을 입력하거나 선택하기만 하지만
실제로 내부적으로는 자바스크립트가 매우 복잡한 작업을 처리하고 있습니다.
오픈API도 복잡하기는 마찬가지입니다.
오픈API 내에도 어드민처럼 최소 수백, 수천가지 경우의 수가 존재할 수 밖에 없습니다.
만약 어드민은 복잡한데 어드민을 대체하는 오픈API는 간단하다면
그 이유는 오픈API가 부실하거나 쓸데 없이 어드민을 복잡하게 만들었거나 둘 중 하나입니다.
EC-모니터란?쇼핑몰 연동 기술 비교
]
