1.btoa() , atob()
- btoa() 함수는 JavaScript에서 문자열을 Base64로 인코딩하는 함수
- "btoa"는 "binary to ASCII"의 약어이며, 이 함수는 바이너리 데이터를 ASCII 문자로 변환하는 데 사용됩니다.
- 주로 데이터를 안전하게 전송하거나 저장하기 위해 사용됩니다.
- atob() 함수는 반대로, Base64로 인코딩 된 데이터를 이진 데이터로 디코딩할 때는 atob() 함수를 사용
var encodedData = btoa("Hello, world!");
console.log(encodedData);
// 출력 : "SGVsbG8sIHdvcmxkIQ=="
2. JSON.stringify()
- JSON.stringify()는 JavaScript 객체를 JSON 문자열로 변환하는 메서드
- 모든 유형의 JavaScript 데이터를 JSON 문자열로 변환 가능
- JSON.stringify()의 두 번째 매개변수와 세 번째 매개변수를 사용하여 직렬화 과정을 제어하는 옵션을 제공할 수 있습니다.
- 두 번째 매개변수는 직렬화할 속성을 선택하는 데 사용
- 세 번째 매개변수는 들여쓰기를 설정하거나 사용자 지정 직렬화 함수를 제공하는 데 사용
var obj = { name: "John", age: 30, city: "New York" };
var jsonString = JSON.stringify(obj);
console.log(jsonString);
// 출력: {"name":"John","age":30,"city":"New York"}
3. JSON.parse
- JSON.parse()는 JSON 형식의 문자열을 JavaScript 객체로 변환하는 메서드
- JSON 문자열을 JavaScript의 객체, 배열 또는 값으로 변환
- JSON.parse()를 사용하면 JSON 형식을 가진 데이터를 JavaScript에서 다룰 수 있게 된다.
- 외부 API와 통신하거나 다른 소스로부터 JSON 데이터를 받을 때 유용
var jsonString = '{"name":"John","age":30,"city":"New York"}';
var obj = JSON.parse(jsonString);
console.log(obj);
// 출력: { name: "John", age: 30, city: "New York" }
4. 코드 활용
let encodedCompDef = btoa(
JSON.stringify({
componentDef: pageRef.state.c__lwc,
attributes: pageRef.state
})
);