본문 바로가기 메뉴 바로가기

코딩꿈나무

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

코딩꿈나무

검색하기 폼
  • 분류 전체보기 (92)
    • 준비 (0)
    • 토이프로젝트 (4)
      • 웹소켓채팅 (2)
      • 하다사 (1)
    • 자바스크립트 코드 리뷰(자작) (1)
    • JAVA공부 (37)
      • JVM (9)
      • JAVA (27)
    • SQL 공부 (12)
      • MySQL 8.0 (11)
    • 도구 (1)
      • 빌드도구 (1)
    • 컴퓨터 용어 (3)
      • 웹 용어 (2)
      • IT 용어 (1)
    • SPRING 공부 (19)
      • 이벤트 (1)
      • 어노테이션 (2)
      • 서블릿 (3)
      • JPA (2)
      • 기타 (6)
      • 오류잡기 (2)
    • 디자인 패턴 (2)
    • 툴 사용법 (8)
      • 이클립스 (2)
      • Git (1)
      • IntelliJ (5)
    • 회고 (0)
  • 방명록

javascript (1)
Set을 활용한 체크리스트 담기

고객의 요청으로 해당 글자를 클릭시 검색 옵션값으로 반영되어 재검색이 이루어지고 해당 옵션버튼의 X를 누를시 옵션을 제거할 수 있어야 한다는 요청을 받았다. 구조는 다음과 같다. Why Set? Set을 사용한이유는 각 검색 옵션이 중복될 수 없다는 조건이 있기때문에 굳이 내가 검색옵션을 조건문을 첨하여 일일히 계산을 늘릴 필요 없으므로 Set을 선택하게 되었다. callSet을 왜 생성하였는지는 다음 사진을 보면 알 수 있다. html 커스텀 속성을 이용하여 해당 html태그에 setname과 codevalue 속성을 부과하여 각각 검색 분류와 코드값을 넣어줬다. 그 값들을 이용하여 화면에 리페인팅을 해주는 함수를 호출 해주었고, 앞서 선언한 callSet을 이용하여 해당 set을 호출해 값을 집어넣어..

자바스크립트 코드 리뷰(자작) 2021. 12. 29. 00:48
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • jquery
  • java
  • JVM
  • 비
  • javascript
  • set
  • SOCKET채팅'
  • jdk
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바