이 사이트 form은 어떻게 만들어야 좋을까요?

Question

안녕하세요, 곧 2년차 되는 퍼블리셔입니다.https://snsshop.kr/#recommend/573위 사이트를 그대로 만들어달라는 요청을 받았는데, 이런 유형의 form은 처음 작업해보는 거라 도움을 받고 싶어 질문드립니다.위 사이트를 들어가보면 1번에서 선택한 것에 따라 아래 2-6번의 내용이 모두 달라집니다. 2번, 3번에서도 각 선택에 따라 아래 내용들이 모두 바뀝니다.해당 사이트를 보면 form, input 태그에 처음 보는 속성들(data-gtm-form-interact-id, data-selected 등)이 보입니다.어떤 속성인지 검색해도 나오질 않는데 개발자가 만든 속성(?) 같은 것일까요?제가 작업하려는 방식은 각 내용들을 모두 html에 넣고, 선택한 것에 따라 css에 visible 값을 줘서 아래 내용이 보이고/숨기고 하려고 합니다. 효율적인 방식이 아닌 것 같은 생각이 드는데, 어떻게 작업하는 것이 좋을까요? 아직 많이 부족한 퍼블리셔라서 모르는 것이 많네요..! 도움 주시면 정말 감사드리겠습니다.

킁킁탐정 · Answer

data-* 로 시작하는 모든 이름은 사용자 정의 속성으로 특별한 의미를 사용자가 부여하기 때문에 검색해도 나오지 않습니다.https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes제작 방식은 일단 통으로 CSS + JS로 보이고 숨기는 단순함으로 시작하고 나중에 구조상 중복 제거나 분할등을고려하면 될꺼 같습니다.

이기섭 (플레이..) · Answer

이건 퍼블적인 문제보다.. 값들 어떻게 정리하고 처리할지가 문제인듯..일단 경우의 수가 많아서 1~3번 선택에 따라 값들이 변하고 가격이 변하니..여기만 잘 정리해서 하면 될듯.. 선택할때마다 보이고 숨기면 html 량이 엄청날꺼고 하니1~3번 선택할때 ajax (비동기) 방식으로 선택할때마다 값 변경된거 뿌려주게 하면 될듯..

이 사이트 form은 어떻게 만들어야 좋을까요?

2개의 답변

기술 목록