Microsoft MVP성태의 닷넷 이야기
.NET Framework: 756. JSON의 escape sequence 문자 처리 방식 [링크 복사], [링크+제목 복사],
조회: 22533
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
 
(연관된 글이 1개 있습니다.)
(시리즈 글이 9개 있습니다.)
.NET Framework: 351. JavaScriptSerializer, DataContractJsonSerializer, Json.NET
; https://www.sysnet.pe.kr/2/0/1391

.NET Framework: 661. Json.NET의 DeserializeObject 수행 시 속성 이름을 동적으로 바꾸는 방법
; https://www.sysnet.pe.kr/2/0/11224

.NET Framework: 756. JSON의 escape sequence 문자 처리 방식
; https://www.sysnet.pe.kr/2/0/11532

사물인터넷: 54. 아두이노 환경에서의 JSON 파서(ArduinoJson) 사용법
; https://www.sysnet.pe.kr/2/0/11766

.NET Framework: 1073. C# - JSON 역/직렬화 시 리플렉션 손실을 없애는 JsonSrcGen
; https://www.sysnet.pe.kr/2/0/12688

.NET Framework: 2087. .NET 6부터 SourceGenerator와 통합된 System.Text.Json
; https://www.sysnet.pe.kr/2/0/13214

.NET Framework: 2115. System.Text.Json의 역직렬화 시 필드/속성 주의
; https://www.sysnet.pe.kr/2/0/13342

닷넷: 2261. C# - 구글 OAuth의 JWT (JSON Web Tokens) 해석
; https://www.sysnet.pe.kr/2/0/13623

닷넷: 2265. C# - System.Text.Json의 기본적인 (한글 등에서의) escape 처리
; https://www.sysnet.pe.kr/2/0/13644




JSON의 escape sequence 문자 처리 방식

이번 글은 아래의 글을 재작성한 것입니다.

JSON.parse가 허용하지 않는 문자
; https://www.sysnet.pe.kr/2/0/11531




아래의 웹 페이지를 브라우저로 보면,

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>

    <script>
        function parse_input() {
            var txt = '{"firstname":"My\tName"}';
            var obj = JSON.parse(txt);
        }
    </script>

</head>
<body>
    <input type="button" onclick="parse_input()" value="test" />
</body>
</html>

F12 개발자 콘솔을 통해 parse_input 함수 수행 시 다음과 같은 오류가 나는 것을 볼 수 있습니다.

[Internet Explorer 11]

SCRIPT1014: Invalid character
encode_sample.html (15,13)

[Edge]

SCRIPT5655: SCRIPT5655: JSON.parse Error: Invalid character at position:17

[Chrome]

VM32:1 Uncaught SyntaxError: Unexpected token    in JSON at position 18
    at JSON.parse (<anonymous>)
    at parse_input (encode_sample.html:15)
    at HTMLInputElement.onclick (encode_sample.html:22)

원인은 json 텍스트에 포함된 탭(\t) 문자 때문입니다. JSON에서는 쉽게 말해 눈으로 확인할 수 있는 유형의 문자만 가능하므로 탭이나, 개행(\r, \n) 문자 등은 원본 바이트 그대로 허용하지 않습니다. 이러한 제어 문자들은, 그에 대한 표현은 이스케이프 시퀀스를 따르나 그것 자체도 '문자'로 담겨 있어야 합니다. 예를 들어, 탭의 경우 '\t' 바이트로 문자열 내에 있지만 JSON 파서에 인식시키려면 "\\t" 문자열로, 즉 '\\', 't' 문자들의 연속으로 포함하고 있어야 합니다. 따라서 다음과 같은 식의 전처리를 해줘야 합니다.

var txt = '{"firstname":"My\tName\n"}';
var replacedText = txt.replace(/\t/g, "\\t")
                     .replace(/\n/g, "\\n");
                 
var obj = JSON.parse(replacedText);

마찬가지로 JSON으로 직렬화했을 때에도, 즉 JSON.stringify 메서드의 결과물에는 탭 문자가 '\t'로 존재하지 않고 '\\', 't'로 나타나게 됩니다.

정리해 보면, "\\t" 문자열을 JSON으로 역직렬화하면 '\t' 문자로 변환이 됩니다. 버퍼에 보관된 '\t' 문자는 다시 JSON 직렬화를 하면 "\\t" 문자열로 됩니다.




그런데, JSON.NET과 같은 라이브러리들은 제어 문자에 대해 '\t', "\\t"에 상관없이 역직렬화를 해 줍니다.

using System;

namespace ConsoleApp1
{
    class Program
    {
        static void Main(string[] args)
        {
            string txt = "{\"firstname\":\"test\tqwer\"}";
            dynamic result = Newtonsoft.Json.JsonConvert.DeserializeObject(txt);
            Console.WriteLine(result.firstname);
        }
    }
}

/*
출력 결과:

test    qwer
*/

반면 직렬화를 할 때는 '\t' 문자를 원래의 JSON 포맷에 맞게 "\\t"로 바꿔줍니다. 따라서 JSON.NET으로 역직렬화 후 직렬화를 한 경우 원본과 다른 문자열이 생성될 수 있습니다.

string txt = "{\"firstname\":\"test\tqwer\"}";

dynamic result = Newtonsoft.Json.JsonConvert.DeserializeObject(txt);
string txt2 = Newtonsoft.Json.JsonConvert.SerializeObject(result);

Console.WriteLine(txt); // 원본 문자열 출력
Console.WriteLine(txt2); // 역직렬화 -> 직렬화 문자열

/*
출력 결과

{"firstname":"test     qwer"}
{"firstname":"test\tqwer"}
*/

비록 전처리를 위한 단계를 생략할 수 있어 성능은 개선할 수 있지만, 대칭의 아름다움이 없어지니! ^^




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]

[연관 글]






[최초 등록일: ]
[최종 수정일: 6/5/2018]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 




... 76  77  78  79  80  81  82  83  84  [85]  86  87  88  89  90  ...
NoWriterDateCnt.TitleFile(s)
11844정성태3/14/201924513개발 환경 구성: 434. Visual Studio 2019 - 리눅스 프로젝트를 이용한 공유/실행(so/out) 프로그램 개발 환경 설정 [1]파일 다운로드1
11843정성태3/14/201919333기타: 75. MSDN 웹 사이트를 기본으로 영문 페이지로 열고 싶다면?
11842정성태3/13/201917203개발 환경 구성: 433. 마이크로소프트의 CoreCLR 프로파일러 예제를 Visual Studio CMake로 빌드하는 방법 [1]파일 다운로드1
11841정성태3/13/201917655VS.NET IDE: 132. Visual Studio 2019 - CMake의 컴파일러를 기본 g++에서 clang++로 변경
11840정성태3/13/201919705오류 유형: 526. 윈도우 10 Ubuntu App 환경에서는 USB 외장 하드 접근 불가
11839정성태3/12/201923733디버깅 기술: 124. .NET Core 웹 앱을 호스팅하는 Azure App Services의 프로세스 메모리 덤프 및 windbg 분석 개요 [3]
11838정성태3/7/201927465.NET Framework: 811. (번역글) .NET Internals Cookbook Part 1 - Exceptions, filters and corrupted processes [1]파일 다운로드1
11837정성태3/6/201941156기타: 74. 도서: 시작하세요! C# 7.3 프로그래밍 [10]
11836정성태3/5/201924818오류 유형: 525. Visual Studio 2019 Preview 4/RC - C# 8.0 Missing compiler required member 'System.Range..ctor' [1]
11835정성태3/5/201922963.NET Framework: 810. C# 8.0의 Index/Range 연산자를 .NET Framework에서 사용하는 방법 및 비동기 스트림의 컴파일 방법 [3]파일 다운로드1
11834정성태3/4/201921642개발 환경 구성: 432. Visual Studio 없이 최신 C# (8.0) 컴파일러를 사용하는 방법
11833정성태3/4/201922706개발 환경 구성: 431. Visual Studio 2019 - CMake를 이용한 공유/실행(so/out) 리눅스 프로젝트 설정파일 다운로드1
11832정성태3/4/201917715오류 유형: 524. Visual Studio CMake - rsync: connection unexpectedly closed
11831정성태3/4/201918483오류 유형: 523. Visual Studio 2019 - 새 창으로 뜬 윈도우를 닫을 때 비정상 종료
11830정성태2/26/201917725오류 유형: 522. 이벤트 로그 - Error opening event log file State. Log will not be processed. Return code from OpenEventLog is 87.
11829정성태2/26/201919041개발 환경 구성: 430. 마이크로소프트의 CoreCLR 프로파일러 예제 빌드 방법 - 리눅스 환경 [1]
11828정성태2/26/201927453개발 환경 구성: 429. Component Services 관리자의 RuntimeBroker 설정이 2개 있는 경우 [8]
11827정성태2/26/201919914오류 유형: 521. Visual Studio - Could not start the 'rsync' command on the remote host, please install it using your system package manager.
11826정성태2/26/201920440오류 유형: 520. 우분투에 .NET Core SDK 설치 시 패키지 의존성 오류
11825정성태2/25/201926112개발 환경 구성: 428. Visual Studio 2019 - CMake를 이용한 리눅스 빌드 환경 설정 [1]
11824정성태2/25/201920372오류 유형: 519. The SNMP Service encountered an error while accessing the registry key SYSTEM\CurrentControlSet\Services\SNMP\Parameters\TrapConfiguration. [1]
11823정성태2/21/201921376오류 유형: 518. IIS 관리 콘솔이 뜨지 않는 문제
11822정성태2/20/201920531오류 유형: 517. docker에 설치한 MongoDB 서버로 연결이 안 되는 경우
11821정성태2/20/201921301오류 유형: 516. Visual Studio 2019 - This extension uses deprecated APIs and is at risk of not functioning in a future VS update. [1]
11820정성태2/20/201924429오류 유형: 515. 윈도우 10 1809 업데이트 후 "User Profiles Service" 1534 경고 발생
11819정성태2/20/201923470Windows: 158. 컴퓨터와 사용자의 SID(security identifier) 확인 방법
... 76  77  78  79  80  81  82  83  84  [85]  86  87  88  89  90  ...