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