Today I Learned. @cheers_hena 치얼스헤나

Q.서울시의 스벅 실제 매장 위치 맵 시각화 경도/ 위도 데이터를 이용한 서울시 실제 매장 위치 맵 시각화 1. 맵 형태로 경도/위도 표시 경도와 위도를 행열 배치후 맵 형태로 나타내면 전국 기준의 경도/위도 평균값이 표시된다. 2. 각각의 매장정보를 기준으로 하기위해 매장코드를 세부정보로 설정한다. 3. 서울시의 매장 정보만 필요하기 때문에 "시도" 데이터에 필터를 걸어준다. 시도> 필터 영역으로 드래그 > 서울시 선택 > 확인 3.1. 필터 표시 필터를 표시해서 즉각적으로 필터를 변경할 수도 있다. 3.2. 디폴트 셀렉 박스 필터로, 다중 선택이 가능하다 . 서울/경기 정보를 보고 싶을다고 하면, 경기도를 추가로 선택해준다. 3.3. 필터링 형태를 변경할 수도 있다. 다중 선택을 막고 싶다면 필터 형..

Q. 스타벅스 시군구 별 매장 분포 현황 맵 시각화 1. 시도, 시군구 필드를 시트로 드래그&드롭 현재 시도/ 시군구는 좌측과 같이 데이터 타입이 주/시/도 로 설정되어 있기 때문에 (직접 설정가능) 시트로 옮기면 태블로에서 자동으로 표현방식으로 맵으로 설정해주어, 행: 위도/ 열: 경도로 자동 생성된다. 표현방식에서 여러가지 차트 형태를 직접 고를 수도 있다. 2. 마크의 크기와 색상을 스타벅스 매장수로 나타내기 매장수는 매장코드를 카운트해서 크기와 색상에 표현. * 카운트와 카운트(고유) 차이점? 카운트는 count(), 카운트 고유는 distinct count(). 즉, 중복을 제거한 카운트를 의미한다. 여기서는 중복제거 카운트 사용. 결과 맵 시각화 필터링 하기: https://cheershenn..

1. map() 배열의 요소를 순회하려면 for문과 같은 반복문이 필요한데, map() 함수를 쓰면 for문을 쓰지 않고도 배열 전체를 순회하면서 각 요소에 대해 함수를 호출한다. 각 요소는 순서대로 함수를 타고, 함수에 정의된 새로운 형태의 배열로 반환되는 것이다. js에 약한데 실무에서 굉장히 유용하게 쓰게 되어 기록으로 남긴다. map()함수 기본 문법 array.map(callBackFunction(currValue, index, array), newValue); currValue: 원본 배열의 데이터 index : 현재처리중인 인덱스 array : 기존 배열 newValue: callBackFunction에서 사용될 값 ex1) let array = ["월", "화", "수"]; let map ..