js object access by index


의미없는 변수이름들..

  • api를 사용하다보면 주기적으로? 변수명이 바뀌는 상황이 나온다
  • 카카오 맵 api 가 그러하다
  • 이렇게 직접 객체의 변수에 접근해서 사용하는 것은 바람직하지 않다고 한다
  • 그런데 객체의 값에 직접 접근하고 싶은경우가 있을 수 있다
  • 하지만 키의 이름은 주기적으로 바뀐다
  • 그래서 obj.key 이런식의 접근은 당장에는 가능하나,
  • 언젠가는 동작하지 않는 코드가 된다
  • 키의 이름이 주기적으로 바뀌는 것을 무시하고 접근한다고 생각하니까
  • 인덱스로 접근하는 방법을 알아보았다

access by index

access by index
1
2
3
4
5
a = { la: 1, ma: 2 };
Object.keys(a)[0]; // 'la'

a.la; // == 1
a[Object.keys(a)[0]]; // == a.la
  • Object.keys(a)를 통해 key의 배열을 받을 수 있다
  • 이를 통해서 인덱스를 통한 접근이 가능해진다
인덱스 부여 실험
1
2
3
4
5
a = { ma: 2, la: 1 };
Object.keys(a)[0]; // 'ma'

a = { la: 1, ma: 2 };
Object.keys(a)[0]; // 'la'
  • 인덱스가 어떻게 부여되나 실험을 해보았는데,
  • 직관적으로 왼쪽에서 오른쪽으로 번호가 매겨진다
  • 키의 알파벳이나, 그 안에 들어있는 값이나 일절 상관없다

참고

카카오 이미지 검색 api 사용하기

  • 카카오 이미지 검색 API를 사용해보자

따라하기

  • 이미지가 먼저오고 그 아래에 설명이 있습니다!

준비물

  • postman

kakao developers 가입하기

  • 카카오 api 사용이 처음이라면 kakao developers에 가입해야한다
  • 이미 있는 카카오 계정으로 가입할 수 있다

REST API 키 발급받기

  • 내 애플리케이션 > 애플리케이션 추가하기 를 눌러준다
  • 앱 이름, 사업자명을 입력하고 저장을 눌러준다
  • 방금 만든 앱을 클릭하여 앱 키 > rest api 키를 확인한다

POSTMAN으로 확인하기

  • 포스트맨을 켜주시고, 아래 텍스트를 복사해 붙여넣어준다
url
1
https://dapi.kakao.com/v2/search/image?query=안녕
    1. Headers 탭에 들어가서
  • 2-1. Authorizationkey를 하나 추가하고
  • 2-2. value로는 KakaoAK {방금 발급받은 rest api key}를 넣어준다
  • KakaoAK 사이에 하나의 공백이 있음을 유의한다
    1. Send 버튼을 눌러 결과를 확인한다

검색 옵션 사용하기

Name Type Description Required
query String 검색을 원하는 질의어 O
sort String 결과 문서 정렬 방식, accuracy(정확도순) 또는 recency(최신순), 기본 값 accuracy X
page Integer 결과 페이지 번호, 1~50 사이의 값, 기본 값 1 X
size Integer 한 페이지에 보여질 문서 수, 1~80 사이의 값, 기본 값 80 X

참고