Function Friday: Binary, DataUri, UriComponent 및 Base64 변환 함수

이번에는 base64와 바이너리에 대한 변환 함수에 대해 알아보겠습니다. 둘 다 일반적으로 이미지 및 zip 파일과 같은 이진 파일을 처리하기 위해 다양한 커넥터가 필요로 하는 형식 간에 앞뒤로 변환하는 데 사용됩니다. 때로는 체크섬, 인증서 및 암호화에 사용되는 해시를 생성하는 데 사용되기도 합니다.

base64

base64 함수는 문자열을 base64로 인코딩된 버전의 문자열로 변환하는 데 사용됩니다. 패턴은 다음과 같습니다.

base64('<value>')

예를 들면 다음과 같습니다.

base64('hello') // returns "aGVsbG8="

base64ToBinary

이 함수는 base64 암호화 문자열을 이진 형식으로 변환하는 데 사용됩니다. 형식은 다음과 같습니다.

base64ToBinary('<base64 encoded string>')

이 기능이 유용한 예는 이메일에 첨부된 이미지가 있고 base64 텍스트로 인코딩되어 해당 첨부 파일을 파일에 저장하려는 경우입니다. 이메일에서 첨부 파일 저장을 지원하는 도구가 없는 경우 이를 수행할 수 있습니다.

base64ToString

base64로 인코딩된 문자열이 있고 이를 ASCII 문자열 내용으로 변환하려는 경우 이 함수가 사용됩니다. 형식은 다음과 같습니다.

base64ToString('<base64 encoded string>')

위의 base64 함수에서 예를 들면

base64ToString('aGVsbG8=') // returns "hello"

바이너리

이진 함수는 base64ToBinary 함수와 반대입니다. 문자열의 이진 버전을 가져와 base64 텍스트로 인코딩합니다. 형식은 다음과 같습니다.

binary('<binary data>')

이는 이미지 또는 비디오를 다시 전송한 다음 문자열의 base64 버전으로 변환하는 HTTP 작업에서 반환 데이터를 가져올 때 매우 유용합니다.

decodeBase64

이것은 더 이상 사용되지 않는 함수이며 base64ToString 함수로 대체되었습니다.

dataUri

이 함수는 문자열을 해당 문자열의 URI(Uniform Resource Identifier) ​​버전으로 변환하는 데 사용됩니다. 형식은 다음과 같습니다.

dataUri('<value>')

예를 들면 다음과 같습니다.

dataUri('hello') // returns "data:text/plain;charset=utf-8;base64,aGFsbG8="

이것이 base64 함수와 유사하다는 것을 알 수 있지만 여기에는 HTML이나 CSS 또는 유사한 형식에 삽입하기 위한 URI를 빌드하는 일부로 필요한 추가 정보가 포함되어 있습니다.

dataUriToBinary

이 함수는 전체 데이터 URI를 사용하여 이진 문자열 형식으로 변환합니다. 형식은 다음과 같습니다.

dataUriToBinary('<value>')

예를 들면 다음과 같습니다.

dataUriToBinary('data:text/plain;charset=utf-8;base64,aGFsbG8=') // returns a very long string of binary (e.g. "011......101")

dataUriToString

dataUriToBinary와 마찬가지로 문자열의 데이터 URI 버전을 일반 문자열로 변환합니다. 형식은 다음과 같습니다.

dataUriToString('<value>')

Hello 예제를 한 번 더 사용하면 다음과 같습니다.

dataUriToString('data:text/plain;charset=utf-8;base64,aGVsbG8=') // returns "hello"

decodeDataUri

더 이상 사용되지 않지만 이 함수의 최신 버전인 dataUriToBinary를 사용하는 것이 좋습니다.

우리 컴포넌트

이 함수는 문자열의 URI 인코딩 버전을 반환합니다. 이는 웹 주소 또는 쿼리 문자열 매개 변수와 같은 URL의 다른 구성 요소가 안전하게 전달되는지 확인하는 데 가장 자주 사용됩니다(예: 공백 또는 특수 문자가 포함된 데이터). 형식은 다음과 같습니다.

uriComponent('<value>')

예:

uriComponent('https://barretblake.dev') //returns "https%3A%2F%2Fbarretblake.dev"

uriComponentToBinary

이것은 URI로 인코딩된 문자열을 사용하고 이진 문자열 형식을 반환합니다. 패턴은 다음과 같습니다.

uriComponentToBinary('<value>')

uriComponentToString

이 함수는 URI로 인코딩된 문자열을 가져와 일반 문자열 형식으로 변환하는 것입니다. 형식은 다음과 같습니다.

uriComponentToString('<value>')

그리고 이전 예에서:

uriComponentToString('https%3A%2F%2Fbarretblake.dev') // returns https://barretblake.dev

결론

이 함수 그룹은 다양한 엔드포인트 간에 서로 다른 유형의 데이터를 주고 받을 때 가장 유용합니다. 때로는 일반 텍스트가 필요합니다. 때로는 이진 텍스트가 필요합니다. 때로는 base64로 인코딩된 텍스트가 필요합니다. 이러한 기능을 사용하면 데이터를 매우 쉽게 가져올 수 있습니다.

게시물Function Friday: Binary, DataUri, UriComponent, and Base64 Conversion Functions은 Barret Codes에 처음 등장했습니다.