JavaScript에서 Base64 인코딩 및 디코딩 방법

JavaScript에서 Base64 인코딩 및 디코딩 방법

2022-06-02 last update

6 minutes reading JavaScript
Java 스크립트는 웹 기반 프로그래밍에서 가장 광범위하게 사용되는 프로그래밍 언어 중 하나입니다.이 스크립트 언어를 사용하는 가장 큰 장점은 이 언어로 작성된 코드가 매우 간결하고 치밀하다는 것이다. 왜냐하면 한 줄에서 여러 줄의 코드를 수축하고 완전히 같은 기능을 제공할 수 있기 때문이다.사실 이것은 많은 개발자 지역사회에서 환영받는 주요 원인이다.이 가이드에서는 Windows 10 운영 체제를 사용하여 Java 스크립트에서 Base64 인코딩과 디코딩을 수행하는 방법을 알려드리고자 합니다.본고에서 자바 스크립트에서 이 과정을 실행하는 것이 얼마나 쉬운지, 다른 컴파일러를 설치할 필요가 없는지 볼 수 있습니다.

Windows 10에서 Java 스크립트로 Base64 인코딩 및 디코딩 수행


전용 컴파일러를 설치할 필요도 없고, 선택한 웹 브라우저를 사용하여 Java 스크립트로 Base64 인코딩과 디코딩을 실행할 때 이 작업을 쉽게 할 수 있습니다.Google Chrome 브라우저는 Windows 10 시스템에서 사용됩니다.Java 스크립트의 Base64 인코딩 및 디코딩 방법을 배우려면 다음 두 가지 주요 단계를 완료해야 합니다.이 절차들은 매우 간단하고 실행하기 쉽다.

1단계: 필요한 웹 브라우저의 콘솔 액세스


우선 구글 크롬 브라우저 아이콘을 눌러 윈도10 시스템에서 구글 크롬 브라우저를 시작합니다.그리고 햄버거 메뉴 아이콘을 눌러서 펼치면 됩니다.
Google Chrome 브라우저의 햄버거 메뉴에서 다음 그림과 같이 추가 도구 옵션을 클릭해야 합니다.

이 옵션을 클릭하면 하위 캐스케이드 메뉴가 시작됩니다. 개발자 도구 옵션을 다음과 같이 선택해야 합니다.

이 옵션은 Google Chrome 창의 오른쪽에 작은 개발자 도구 창을 시작합니다.이 개발자 도구 창에서 "컨트롤러"옵션으로 전환해야 합니다. 여기서 자바 스크립트 코드를 작성합니다.

2단계: Base64 인코딩 및 디코딩을 위한 Java 스크립트 코드 작성 및 실행


Java 스크립트에서 Base64 인코딩과 디코딩을 하기 위해 브라우저 컨트롤러에서 다음 그림과 같은 코드를 작성했습니다.각 문장을 작성한 후 Enter 키를 눌러야 실행할 수 있습니다.이제 우리는 이 절에서 이 자바 스크립트 코드를 철저히 토론할 것이다.

이 자바 스크립트 코드의 첫 번째 문장은 "varstr=저는 기술광입니다."이다.이 문장의 도움으로 우리는 무작위 문자열을 만들었습니다. 우선 그것을 인코딩한 다음에 디코딩을 해야 합니다.그리고 우리의 두 번째 문장은 "console.log"("원본 문자열은"+str") 입니다.이 문구는 위의 그림에서 "VM56:1"행과 같이 콘솔에서 원본 문자열만 인쇄하면 됩니다.현재 원시 문자열을 인코딩하기 위해 "var encodedString=btoa (str)"를 사용했습니다.
이 문장에서 인코딩 문자열을 저장하고 함수 "btoa (str)"의 출력과 같은 "encodedString"이라는 문자열을 만들었습니다.이것은 Base64 인코딩을 사용하여 주어진 문자열을 인코딩하는 데 사용되는 Java 스크립트의 내장 함수입니다.이 함수에 필요한 문자열을 전달하고 마력을 발휘하기만 하면 됩니다.그 다음에 우리는 콘솔 로그 (인코딩 문자열: "+encodedString") 를 사용하여 콘솔에 인코딩 문자열을 인쇄합니다.위 그림의 "VM76:1"줄에서 인코딩 문자열을 볼 수 있습니다.
그리고 자바 스크립트의 Base64로 이 인코딩 문자열을 디코딩하려고 합니다.이를 위해 "var decodedString=atob(encodedString)"이라는 문구를 사용했습니다.이 문장에서 우리는 먼저 "decodedString"이라는 문자열을 만들고 "atob (encodedString) 함수의 결과와 같게 합니다.마찬가지로 이것은 Base64 인코딩 문자열을 디코딩하는 데 사용되는 Java 스크립트의 내장 함수입니다.이 함수는 인코딩 문자열만 입력으로 받아들입니다.마지막으로, 우리는 "console.log"(디코딩 문자열은 "+decodedString") 문장을 사용하여 터미널에서 디코딩 문자열을 인쇄했습니다.위의 그림의 "VM265:1"줄에서 우리가 디코딩한 문자열을 볼 수 있습니다.여기에서 우리가 디코딩한 문자열이 원본 문자열과 똑같다는 것을 쉽게 검증할 수 있습니다. 이것은 우리가 Windows 10에서 자바 스크립트를 사용할 때 Base64 인코딩과 디코딩 과정을 성공적으로 수행했다는 것을 의미합니다.

결론


본고는 Windows 10에서 Java 스크립트를 사용하여 Base64 인코딩과 디코딩을 수행하는 방법을 가르치고자 합니다.이를 위해 Google Chrome 브라우저의 콘솔을 Windows 10에서 사용했습니다.이것은 코드를 실행하기 위해 별도의 컴파일러가 필요하지 않기 때문에 이 방법의 가장 좋은 부분이다.Google Chrome 브라우저의 콘솔에 액세스한 후 주어진 문자열을 인코딩하고 디코딩하는 데 사용할 Java 스크립트 코드를 만들고 실행했습니다.같은 방법으로 Windows 10에서 Base64를 사용하여 선택한 문자열을 인코딩하거나 디코딩할 수 있습니다.Firefox, Internet Explorer, Microsoft Edge 등 Google Chrome 이외의 브라우저 콘솔을 사용할 수도 있습니다. 그러나 브라우저 콘솔을 사용하여 Java 스크립트 코드를 실행하지 않으려면 선택한 모든 컴파일러를 사용할 수 있습니다.