JavaScript - Uncaught SyntaxError: Expected property name or '}' in JSON at position 1 에러 해결

JSON 형태의 문자열을 자바스크립트 형태로 변환할때 JSON.parse 메서드를 사용합니다. 이때

Uncaught SyntaxError: Expected property name or '}' in JSON at position 1

위와 같은 에러가 발생 할 수 있습니다. 이 에러의 발생 원인은 JSON 형식의 문자열이 아니기 때문에 에러가 발생한 것 입니다.
예시 코드를 보면서 확인 해보겠습니다.

let user = "{'name':'kane', 'age':3}";
const usetJson = JSON.parse(user); // error 발생

위와 같이 변수 user 에 저장된 문자열이 JSON 형식의 문자열이 아니기 때문에 변수 user 을 JSON.parse 메서드를 사용해서 자바스크립트 형태인 객체로 변환하는 과정에서 에러가 발생한 것 입니다.

그럼 이 에러를 해결하는 방법은 무엇일까요?
간단합니다. 변환할려는 문자열을 JSON 형식으로 작성해주면 됩니다.

let user = '{"name":"kane", "age":3}'
const userJson = JSON.parse(user);
console.log(userJson); // {name: 'kane', age: 3} 출력