웹 사이트를 만드는 개발자입니다.
몇년 전, 웹 디자이너가 구성한 회원 가입 페이지를 보고 굉장히 불편한 적이 있었는데요.
회원가입 페이지의 성별이
[여자, 남자]로 되어 있었던 것입니다.
일단 익숙하지 않았고, 애가 모하는 것가 하는 생각이 나면서 도전하는 건가 하는 생각이 나더라구요.
주민번호가 1, 2이고 (3, 4이거나), "여남"이 아닌 "남녀"이듯이
[남자, 여자]가 당연한 건데 하면서요.
그래서 디자인 안은 무시하고 실제 작업은 [남자, 여자]의 순서로 했습니다.
디자이너가 여자이고 막 대학을 졸업한 터라 잘 모르고 그랬거니 하면서요
하지만, 뭔가 반대의견을 무시한 것 같은 찜찜함으로 남았습니다.
이건 뭔가 구조상의 문제고 풀어야 하는 것으로요.
남자, 여자의 순서에서 평등함을 나타낼 수 있는 방법은 무엇일까?
해당 사이트는 잘 끝냈고. 다른 사이트의 회원가입을 작업할 때 였는데요.
그 디자이너가 [남자, 여자]로 디자인하더라고요. 이제 포기했구나.
하지만 내 생각은 포기가 안 되더라고요.
생각하다 보니, 문득, 해결할 방법이 생각났습니다.
남녀의 문제는 순서의 문제이고,
이것은 바로 바로 고정되어 있기 때문입니다.
종이에 신청서를 적던 양식을 그대로 가져오면서 그냥 그렇게 썼기 때문이죠.
유동적인 웹의 특성을 살려서 확률로 평등함을 나타나는 것은 어떨까요.
남녀가 50%의 확률로 순서가 변하는 것입니다.
그래서 현재 개발하는 사이트에 적용했습니다.
사이트 홍보가 될 것 같아서, 해당 사이트주소를 공개할 수 없지만,
구현은 lodash.js, angularjs를 사용하여
----------------------------------------------------------------------------
js 파일에서는,
$scope.genderList = _.shuffle([{"id":"MALE", "name":"남자"}, {"id":"FEMALE", "name":"여자"}]);
----------------------------------------------------------------------------
html에서는,
<div class="radio">
<label ng-repeat="gender in genderList">
<input type="radio" ng-model="form.gender" name="gender" value="{{gender.id}}" required>
{{gender.name}}
</label>
</div>
----------------------------------------------------------------------------
이렇게 구현했습니다.
새로 고침할때 마다, [남자, 여자]와 [여자, 남자]의 순서가 반반의 확률로 표시되도록요.
나름대로 회원가입의 평등을 해결해서 홀가분하네요.
읽어주셔서 감사합니다.
