영공의공책

고정 헤더 영역

글 제목

메뉴 레이어

영공의공책

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (84)
    • JAVA (42)
      • JAVA basic (6)
      • Spring (33)
      • Mybatis (2)
      • DB connection (1)
    • FRONT (2)
      • Javascript & JQuery (5)
    • DB (3)
    • NETWORK (22)
      • AWS (9)
      • docker & 쿠버네티스 (6)
      • Infra (7)
    • Project (6)
      • Team (2)
      • Android (2)
      • 개인 (2)
    • Design (4)

검색 레이어

영공의공책

검색 영역

컨텐츠 검색

FRONT/Javascript & JQuery

  • map

    2023.03.13 by 영공쁘이

  • AnimatedCluster

    2023.03.13 by 영공쁘이

  • ES6_for문 관련

    2023.03.13 by 영공쁘이

  • javascript 폼 2개 이용하기

    2021.08.05 by 영공쁘이

  • javascript, jquery 짬뽕 코드

    2021.08.05 by 영공쁘이

map

Map() map은 하나의 키와 값으로 이루어진 쌍을 만든다. 어떤 배열의 모든 요소 값을 변경하여 새로운 배열을 만들기 위할 때 쓰임, 반복문을 돌며 요소를 1대1 매칭함. 이때는 Array.map()을 이용하면 됨 배열을 1대1 짝을 짓되, 기존 객체를 수정하지 않는 메서드이다. >> 배열.map((요소, 인덱스, 배열) => {return 요소}); * map 실행 시 배열과 결과로 나오는 배열과는 다른 객체이므로 서로 같을 수는 없다. const oneTwoThree = [1, 2, 3]; let result = oneTwoThree.map((v) => { console.log(v); return v; }); // 콘솔에는 1, 2, 3이 찍힘 oneTwoThree; // [1, 2, 3] res..

FRONT/Javascript & JQuery 2023. 3. 13. 16:12

AnimatedCluster

정의 및 내용 ol-ext에서 제공하는 기능 데이터 소스와 레이어를 기반으로 하는 레이어이고 해당 클러스터 객체를 생성 -벡터 소스가 클러스터링 제공자가 되어, 데이터 소스를 만들게 됨 var clusterSource = new ol.source.Cluster({ distance: 40, source: new ol.source.Vector() }); * distance : 화면의 px 단위 좌표로써 해당 px 값 범위 안의 포인트 요소를 하나의 그룹으로 묶는 기준값 (버블맵으로 만들기 위한 거리 설정이라고 생각하면 쉬움) - 클러스터 레이어 var clusterLayer = new AnimatedCluster({ name: 'Cluster', source: clusterSource, animationDu..

FRONT/Javascript & JQuery 2023. 3. 13. 13:34

ES6_for문 관련

for in - 모든 객체에서 사용 , key 값에는 접근하지만 value값은 접근하지 않음, 속성들만 반복 모든 객체: 열거가 가능한 모든 객체 (enum 등) - 비열거형 속성은 반복되지 않음 for of - Symbol.iterator 속성을 가지는 컬렉션 전용에서만 반복 종류: 배열, 리스트 등 iterator 속성을 가지는 것만 가능

FRONT/Javascript & JQuery 2023. 3. 13. 11:38

javascript 폼 2개 이용하기

${mdto.name}님 저희 홈에 호신 것을 환영합니다. 게시판 글 목록 내 정보 수정 회원 탈퇴 로그아웃

FRONT/Javascript & JQuery 2021. 8. 5. 18:39

javascript, jquery 짬뽕 코드

회원가입 ID 암호 암호확인 이름 이메일 @ naver.com daum.net nate.com 전화번호 010 017 018 우편번호 주소 상세주소:

FRONT/Javascript & JQuery 2021. 8. 5. 18:38

추가 정보

인기글

최신글

페이징

이전
1
다음
TISTORY
영공의공책 © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바