Http 요청에서 데이터 타입 바꾸기

묻고 답하기
, , ,
1

질문:

params로 받은 값의 타입은 어떻게 확인하고, API 요청에서 어떻게 사용해야 하나요?

답변:

셀렉트에서는 params 값은 기본적으로 문자열(String)로 전달되며,

다른 타입을 써야할때는 axios.data에서 JavaScript 표현식을 사용해 변환할 수 있습니다.

아래는 HTTP 요청을 보낼 때 params 값이 어떻게 전달되는지 확인해볼 수 있는 예제입니다.

menus:
- path: pages/type-check
  name: 타입 확인

pages:
- path: pages/type-check
  title: 로컬 서버 타입 확인
  blocks:
  - type: http
    name: echo 호출
    axios:
      method: POST
      url: https://httpbin.selectfromuser.com/anything
      headers:
        Content-Type: application/json
      data:
        "name": "{{name}}"
        "age_string": "{{age}}"
        "age_number": "{{ +age }}"
        "age_number_explicit": "{{ Number(age) }}"
        "age_number_explicit_toString": "{{ String(Number(age)) }}"
        
        "isActive_shorthand": ${{ isActive }}
        "isActive_default_string": "{{ isActive }}"
        "isActive_true_false": "{{ Boolean(isActive) }}"
        "isActive_true_false_other": "{{ isActive == true }}"
        "isActive_true_false_other_other": "{{ !!isActive }}"

        "date_deletedAt": "{{ deletedAt }}"
        "date_deletedAt_full": "{{ deletedAt + ' 00:00:00' }}"
    params:
    - key: name
      label: 이름
      defaultValue: john
    - key: age
      label: 나이
      defaultValue: 30
      format: number
    - key: isActive
      label: 활성여부
      defaultValue: true
      checkbox: true
    - key: deletedAt
      label: 삭제 여부
      defaultValue: '2026-03-25'
      format: date

실행후 응답의 json 값을 확인해보세요.

"json": {
  "age_number": 30,
  "age_number_explicit": 30,
  "age_number_explicit_toString": "30",
  "age_string": "30",
  "date_deletedAt": "2026-03-25",
  "date_deletedAt_full": "2026-03-25 00:00:00",
  "isActive_default_string": "true",
  "isActive_shorthand": "true",
  "isActive_true_false": true,
  "isActive_true_false_other": true,
  "isActive_true_false_other_other": true,
  "name": "john"
}

예제를 실행한 뒤 아래처럼 값을 바꾸고 실행하며 차이를 확인할 수 있습니다.

  • age를 30에서 다른 값으로 바꿔보기
  • isActive 체크를 해제해보기

추가로 궁금하신점은 댓글로 남겨주시면 안내드리겠습니다.

감사합니다.