단비의 대나무밭

글쎄, 엄청나게 오랫만에 코딩을 해 보기는 한 것 같다.

이제는 컨설팅, 분석 등등을 하느라 코딩한 지가 오래되어서 더이상 코딩에는 손을 대지 않았는데, 그래도 재미있기도 하고 아파트에서 동대표라는 것을 하며 비용을 들이지 않고 해야하니, 어쩌나 그냥 이론으로만 알았던 것들 - AJAX, JQuery 등 - 을 하나하나 떠올려가며 예전 기억을 더듬어야 했다.

만들려고 한 기능은 내가 살고 있는 아파트 커뮤니티의 사용목록 조회였다. 그래서 간단하게 구현해봤다. 입주한 동과 호수, 이름 전화번호 등을 넣으면 그 가구의 커뮤니티 이용 내역이 나오도록 했다.  

그런데 한번 욕심을 부리면 흠, 계속 한다고 했던가, PC로 보는 화면은 밋밋하니 모바일 화면도 추가했다. 같은 디자인에 모바일 화면만 BootStrap을 적용해서 간단히 만들어봤다.

실제로 사용할 때는 아래 그림처럼 모든 항목에 정보를 넣고 "입주민 확인" 버튼을 누르면 "검색" 버튼이 화면상에 새로 보이게 된다. 

모바일에서도 이건 마찬가지. 다른 가구에서 검색하는 것을 막기위해 입주민 확인 후 입주동과 입주 호수는 변경할 수 없도록 막았다. 이런 과정을 거쳐 그 달에 사용한 커뮤니티 내역을 검색한다.