워싱턴 대학 인터랙티브 데이터 연구소에서 만들어진 아퀘로는 옵저버블(Observable) 자바스크립트 사용자들 사이에서 가장 유명하지만 다른 방법으로도 사용할 수 있ek. 그 중 하나가 Node.js다.
이 기사에서는 아퀘로를 사용해 자바스크립트 객체를 필터링하는 방법을 알아본다. 마지막 부분에 몇 가지 팁도 소개한다.
1단계. 아퀘로 로드
아퀘로는 옵저버블 자바스크립트와 콰르토(Quarto)에서 표준 라이브러리고 필자도 이 방법으로 아퀘로를 사용한다. 설치는 불필요하다. 노드에서 아퀘로를 사용한다면 npm install arquero --save로 설치해야 한다. 브라우저에서는 <script onerror="removeImage($(this));" src="https://cdn.jsdelivr.net/npm/arquero@latest"></script>를 사용한다. 옵저버블의 경우 import {aq, op} from "@uwdata/arquero"로 아퀘로를 로드할 수 있다. 브라우저에서는 aq로 로드되고, 노드에서는 const aq = require('arquero')로 로드할 수 있다.옵저버블과 콰르토의 나머지 코드는 소개한 그대로 실행해야 한다. 노드와 같은 비동기 환경에서 사용 중이라면 데이터 로드와 처리를 위해 필요한 부분을 조정해야 한다.
2단계. 데이터를 아퀘로 테이블로 변환
aq.from(my_object)를 사용해서 기존 “정규” 자바스크립트 객체를 아퀘로 테이블로 전환할 수 있다.다른 방법은 아퀘로의 load 함수군을 사용해 원격 데이터를 직접 아퀘로 테이블로 가져오는 것이다. CSV 파일용으로는 aq.loadCSV("myurl.com/mycsvfile.csv") 함수, 웹의 JSON 파일용으로는 aq.loadJSON("myjsonurl.com/myjsonfile.json") 함수가 있다. 테이블 입력 함수에 대한 더 자세한 내용은 아퀘로 API 문서 웹사이트에서 볼 수 있다.
튜토리얼을 계속 진행하려면 아래 코드를 실행해서 미국 주의 인구 변화에 대한 샘플 데이터를 가져오자.
아퀘로 테이블에는 옵저버블 자바스크립트와 콰르토에서 사용하기 위한 특수한 view() 메서드가 있다. states_table.view() 명령은 그림 1과 같은 출력을 반환한다.
옵저버블 자바스크립트의 Inputs.table(states_table)(정렬을 위한 클릭 가능한 열 헤더가 있음)도 아퀘로 테이블을 표시한다.
옵저버블 외부에서는 states_table.print()를 사용해서 콘솔로 테이블을 출력할 수 있다.
3단계. 행 필터
아퀘로 테이블에는 예를 들어 filter()를 사용한 특정 조건의 행 필터링 등 데이터 랭글링과 분석을 위한 많은 내장 메서드가 있다.R 사용자 참고 사항: 아퀘로의 filter() 구문은 dplyr의 filter(Region == 'RegionName')만큼 단순하지는 않다. 이건 자바스크립트고 대부분의 함수는 벡터화되지 않으므로 d =>로 익명 함수를 만든 다음 그 안에서 다른 함수를 실행해야 한다(보통 op의 함수(위에서 arquero로 가져옴)). 자바스크립트 외의 언어에 익숙하다 해도 이 구조만 손에 익으면 쉽게 사용할 수 있을 것이다.
일반적인 구문은 다음과 같다.
이 예제에서 필자가 원하는 op 함수는 op.equal()이다. 이 함수는 이름에서 짐작할 수 있듯이 동등성을 테스트한다. 따라서 미국 북동 지역의 주에 대한 Arquero 코드는 다음과 같을 것이다.
.filter(d => op.equal(d.Region, 'Northeast'))
끝에 .view()를 붙여서 결과를 볼 수 있다.
filter() 구문에 대한 참고 사항: filter() 내의 코드는 아퀘로 테이블 식이다. 아퀘로 API 참조 웹사이트의 설명에 따르면 “얼핏 보면 테이블 식은 일반적인 자바스크립트 함수처럼 보이지만, 아퀘로는 내부에서 효과적으로 데이터를 관리하기 위해 함수 정의 모음을 취해서 이를 문자열에 매핑한 다음 파싱하고 다시 쓰고 컴파일한다.”
이 말이 무슨 의미일까? 일반적인 자바스크립트 함수 구문 외에 filter("d => op.equal(d.Region, 'Northeast')") 또는 filter("equal(d.Region, 'Northeast')")와 같은 특수한 테이블 식 구문도 사용할 수 있다는 의미다. 이러한 버전 중 하나가 더 매력적이거나 유용하다고 생각된다면 API 참조를 살펴보라.
또한 filter() 내부와 다른 아퀘로 동사(verb)에서 아무 유형의 자바스크립트 함수나 사용할 수 없다는 의미이기도 하다. 예를 들어 for 루프는 escape() 식 헬퍼로 래핑되지 않는 한 사용할 수 없다. 아퀘로 API 참조에서 관련 내용을 더 자세히 알아볼 수 있다.
파이썬 사용자 참고 사항 : 아퀘로 filter는 pandas.filter에서 볼 수 있듯이 행 또는 열이 아닌 행 부분집합 전용으로 설계됐다(열에 대해서는 잠시 후에 다룸.)
부정 또는 여러 조건을 사용하면 필터가 단일 테스트 이상으로 복잡해질 수 있다. 예를 들어 “서부 지역의 한 단어로 된 주 이름”을 원한다면 공백을 포함하지 않으며 지역이 서부인 주의 이름을 찾을 것이다. 유일한 방법은 filter(d =>) 익명 함수 내의 !op.includes(d.State, ' ') && op.equal(d.Region, 'West')이다.
.filter(d => !op.includes(d.State, ' ') &&
op.equal(d.Region, 'West'))
동등성 대신 정규식을 기준으로 검색하고 필터링하려면 op.equal() 대신 op.match()를 사용하면 된다.
4단계. 열 선택
특정 열 선택은 dplyr의 select()와 비슷하다. 사실 선택을 배열로 변환할 필요가 없으므로 더 쉽다. 인수는 select(): 내의 쉼표로 구분된 열 이름이 전부다..select('State', 'State Code', 'Region', 'Division', 'Pop_2020')
select{{ OldName1: 'NewName1', OldName2: 'NewName2' }) 구문을 사용해서 열을 선택하면서 이름을 바꿀 수 있다. 예를 들면 다음과 같다.
.select({ State: 'State', 'State Code': 'Abbr', Region: 'Region',
Division: 'Division', Pop_2020: 'Pop' })
5단계. 테이블 열 안에 고유한 값 배열 만들기
입력 드롭다운 채우기와 같은 작업에서는 한 열의 고유한 값을 기본 자바스크립트 배열로 받는 것이 유용할 수 있다. 아퀘로에는 이럴 때 쓰이는 함수가 여러 가지 있다.- dedupe() – 고유한 값을 받는다.
- orderby() – 결과를 정렬한다.
- array() – 아퀘로 테이블 열의 데이터를 일반적인 자바스크립트 배열로 변환한다.
states_table에서 고유한 Division 이름의 정렬된 배열을 만드는 방법은 다음과 같다.
.select('Region')
.dedupe()
.orderby('Region')
.array('Region')
이 새 객체는 자바스크립트 배열이므로 아퀘로 메서드는 더 이상 동작하지 않지만 일반적인 배열 메서드는 동작한다. 예를 들면 다음과 같다.
이 코드의 출력은 다음과 같다.
위 문자열의 첫 번째 쉼표는 배열에 널 값이 있기 때문에 존재한다. 널과 같은 빈 값을 삭제하고 싶다면 결과에 대해 아퀘로의 op.compact() 함수를 사용하면 된다.
.select('Region')
.dedupe()
.orderby('Region')
.array('Region')
)
다른 방법은 기본 자바스크립트 filter()를 사용해서 텍스트 문자열 배열에서 널 값을 제거하는 것이다. 참고로 다음 기본 자바스크립트 filter() 함수는 1차원 자바스크립트 배열을 위한 함수로, 2차원 아퀘로 테이블을 위한 아퀘로의 filter()와 다르다.
.select('Region')
.dedupe()
.orderby('Region')
.array('Region')
.filter(n => n)
콰르토 사용자를 포함한 옵저버블 자바스크립트 사용자는 md 함수를 사용해서 문자열에 스타일을 추가할 수도 있다(예를 들어 **를 사용한 굵은 글꼴). 다음 코드를 보자.
이 코드는 다음을 출력한다.
참고로 Intl.ListFormat() 자바스크립트 객체는 쉼표로 구분된 배열-문자열에서 마지막 항목 앞에 “and”를 손쉽게 추가할 수 있게 해준다. 다음 코드를 보자.
my_formatter.format(region_array3)
이 코드는 다음과 같이 출력된다.
그 외의 다양한 아퀘로 기능
필터링, 선택, 중복 제거, 배열 만들기는 아퀘로가 할 수 있는 기능의 극히 일부분에 불과하다. 아퀘로 라이브러리에는 데이터 재구조화, 병합, 집계 등을 위한 동사와 평균, 중앙값, 변위치, 순위, 후발, 선도와 같은 계산 및 분석을 위한 op 함수가 있다. 더 많은 기능은 아퀘로 소개 문서에서 볼 수 있다. 또한 아퀘로 동사에 대한 도해 가이드도 있고, 아퀘로 API 문서에서 전체 목록을 볼 수 있으며 데이터 랭글러 옵저버블 노트북에는 아퀘로로 할 수 있는 일을 보여주는 인터랙티브 애플리케이션이 있다.editor@itworld.co.kr
함께 보면 좋은 콘텐츠
Sponsored
Surfshark
“유료 VPN, 분명한 가치 있다” VPN 선택 가이드
ⓒ Surfshark VPN(가상 사설 네트워크, Virtual Private Network)은 인터넷 사용자에게 개인 정보 보호와 보안을 제공하는 중요한 도구로 널리 인정받고 있다. VPN은 공공 와이파이 환경에서도 데이터를 안전하게 전송할 수 있고, 개인 정보를 보호하는 데 도움을 준다. VPN 서비스의 수요가 증가하는 것도 같은 이유에서다. 동시에 유료와 무료 중 어떤 VPN을 선택해야 할지 많은 관심을 가지고 살펴보는 사용자가 많다. 가장 먼저 사용자의 관심을 끄는 것은 별도의 예산 부담이 없는 무료 VPN이지만, 그만큼의 한계도 있다. 무료 VPN, 정말 괜찮을까? 무료 VPN 서비스는 편리하고 경제적 부담도 없지만 고려할 점이 아예 없는 것은 아니다. 보안 우려 대부분의 무료 VPN 서비스는 유료 서비스에 비해 보안 수준이 낮을 수 있다. 일부 무료 VPN은 사용자 데이터를 수집해 광고주나 서드파티 업체에 판매하는 경우도 있다. 이러한 상황에서 개인 정보가 유출될 우려가 있다. 속도와 대역폭 제한 무료 VPN 서비스는 종종 속도와 대역폭에 제한을 생긴다. 따라서 사용자는 느린 인터넷 속도를 경험할 수 있으며, 높은 대역폭이 필요한 작업을 수행하는 데 제약을 받을 수 있다. 서비스 제한 무료 VPN 서비스는 종종 서버 위치가 적거나 특정 서비스 또는 웹사이트에 액세스하지 못하는 경우가 생긴다. 또한 사용자 수가 늘어나 서버 부하가 증가하면 서비스의 안정성이 저하될 수 있다. 광고 및 추적 위험 일부 무료 VPN은 광고를 삽입하거나 사용자의 온라인 활동을 추적하여 광고주에게 판매할 수 있다. 이 경우 사용자가 광고를 보아야 하거나 개인 정보를 노출해야 할 수도 있다. 제한된 기능 무료 VPN은 유료 버전에 비해 기능이 제한될 수 있다. 예를 들어, 특정 프로토콜이나 고급 보안 기능을 지원하지 않는 경우가 그렇다. 유료 VPN의 필요성 최근 유행하는 로맨스 스캠은 인터넷 사기의 일종으로, 온라인 데이트나 소셜 미디어를 통해 가짜 프로필을 만들어 상대를 속이는 행위다. 이러한 상황에서 VPN은 사용자가 안전한 연결을 유지하고 사기 행위를 방지하는 데 도움이 된다. VPN을 통해 사용자는 상대방의 신원을 확인하고 의심스러운 활동을 감지할 수 있다. 서프샤크 VPN은 구독 요금제 가입 후 7일간의 무료 체험을 제공하고 있다. ⓒ Surfshark 그 외에도 유료 VPN만의 강점을 적극 이용해야 하는 이유는 다음 3가지로 요약할 수 있다. 보안 강화 해외 여행객이 증가함에 따라 공공 와이파이를 사용하는 경우가 늘어나고 있다. 그러나 공공 와이파이는 보안이 취약해 개인 정보를 노출할 위험이 있다. 따라서 VPN을 사용하여 데이터를 암호화하고 개인 정보를 보호하는 것이 중요하다. 서프샤크 VPN은 사용자의 개인 정보를 안전하게 유지하고 해킹을 방지하는 데 유용하다. 개인정보 보호 인터넷 사용자의 검색 기록과 콘텐츠 소비 패턴은 플랫폼에 의해 추적될 수 있다. VPN을 사용하면 사용자의 IP 주소와 로그를 숨길 수 있으며, 개인 정보를 보호할 수 있다. 또한 VPN은 사용자의 위치를 숨기고 인터넷 활동을 익명으로 유지하는 데 도움이 된다. 지역 제한 해제 해외 여행 중에도 한국에서 송금이 필요한 경우가 생길 수 있다. 그러나 IP가 해외 주소이므로 은행 앱에 접근하는 것이 제한될 수 있다. VPN을 사용하면 지역 제한을 해제해 해외에서도 한국 인터넷 서비스를 이용할 수 있다. 따라서 해외에서도 안전하고 편리하게 인터넷을 이용할 수 있다. 빠르고 안전한 유료 VPN, 서프샤크 VPN ⓒ Surfshark 뛰어난 보안 서프샤크 VPN은 강력한 암호화 기술을 사용하여 사용자의 인터넷 연결을 안전하게 보호한다. 이는 사용자의 개인 정보와 데이터를 보호하고 외부 공격으로부터 사용자를 보호하는 데 도움이 된다. 다양한 서버 위치 서프샤크 VPN은 전 세계 곳곳에 여러 서버가 위치하고 있어, 사용자가 지역 제한된 콘텐츠에 액세스할 수 있다. 해외에서도 로컬 콘텐츠에 손쉽게 접근할 수 있음은 물론이다. 속도와 대역폭 서프샤크 VPN은 빠른 속도와 무제한 대역폭을 제공하여 사용자가 원활한 인터넷 경험을 누릴 수 있도록 지원한다. 온라인 게임, 스트리밍, 다운로드 등 대역폭이 필요한 활동에 이상적이다. 다양한 플랫폼 지원 서프샤크 VPN은 다양한 플랫폼 및 디바이스에서 사용할 수 있다. 윈도우, 맥OS, iOS, 안드로이드 등 다양한 운영체제 및 디바이스에서 호환되어 사용자가 어디서나 안전한 인터넷을 즐길 수 있다. 디바이스 무제한 연결 서프샤크 VPN은 무제한 연결을 제공하여 사용자가 필요할 때 언제든지 디바이스의 갯수에 상관없이 VPN을 사용할 수 있다.