성태의 닷넷 이야기
홈 주인
모아 놓은 자료
프로그래밍
질문/답변
사용자 관리
사용자
메뉴
아티클
외부 아티클
유용한 코드
온라인 기능
MathJax 입력기
최근 덧글
[정성태] Java - How to use the Foreign Funct...
[정성태] 제가 큰 실수를 했군요. ^^; Delegate를 통한 Bein...
[정성태] Working with Rust Libraries from C#...
[정성태] Detecting blocking calls using asyn...
[정성태] 아쉽게도, 커뮤니티는 아니고 개인 블로그입니다. ^^
[정성태] 질문이 잘 이해가 안 됩니다. 우선, 해당 소스코드에서 ILis...
[양승조
] var대신 dinamic으로 선언해서 해결은 했습니다. 맞는 해...
[양승조
] 또 막혔습니다. ㅠㅠ var list = props[i].Ge...
[양승조
] 아. 감사합니다. 어제는 안됐던것 같은데....정신을 차려야겠네...
[정성태] "props[i].GetValue(props[i])" 코드에서 ...
글쓰기
제목
이름
암호
전자우편
HTML
홈페이지
유형
제니퍼 .NET
닷넷
COM 개체 관련
스크립트
VC++
VS.NET IDE
Windows
Team Foundation Server
디버깅 기술
오류 유형
개발 환경 구성
웹
기타
Linux
Java
DDK
Math
Phone
Graphics
사물인터넷
부모글 보이기/감추기
내용
<div style='display: inline'> <h1 style='font-family: Malgun Gothic, Consolas; font-size: 20pt; color: #006699; text-align: center; font-weight: bold'>JSON의 escape sequence 문자 처리 방식</h1> <p> 이번 글은 아래의 글을 재작성한 것입니다.<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' > JSON.parse가 허용하지 않는 문자 ; <a target='tab' href='http://www.sysnet.pe.kr/2/0/11531'>http://www.sysnet.pe.kr/2/0/11531</a> </pre> <br /> <hr style='width: 50%' /><br /> <br /> 아래의 웹 페이지를 브라우저로 보면,<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' > <!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":<span style='color: blue; font-weight: bold'>"My\tName"</span>}'; var obj = <span style='color: blue; font-weight: bold'>JSON.parse(txt);</span> } </script> </head> <body> <input type="button" onclick="parse_input()" value="test" /> </body> </html> </pre> <br /> F12 개발자 콘솔을 통해 parse_input 함수 수행 시 다음과 같은 오류가 나는 것을 볼 수 있습니다.<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' > [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) </pre> <br /> 원인은 json 텍스트에 포함된 탭(\t) 문자 때문입니다. JSON에서는 쉽게 말해 눈으로 확인할 수 있는 유형의 문자만 가능하므로 탭이나, 개행(\r, \n) 문자 등은 원본 바이트 그대로 허용하지 않습니다. 이러한 제어 문자들은, 그에 대한 표현은 이스케이프 시퀀스를 따르나 그것 자체도 '문자'로 담겨 있어야 합니다. 예를 들어, 탭의 경우 '\t' 바이트로 문자열 내에 있지만 JSON 파서에 인식시키려면 "\\t" 문자열로, 즉 '\\', 't' 문자들의 연속으로 포함하고 있어야 합니다. 따라서 다음과 같은 식의 전처리를 해줘야 합니다.<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' > var txt = '{"firstname":"My\tName\n"}'; var replacedText = txt.replace(/\t/g, "\\t") .replace(/\n/g, "\\n"); var obj = JSON.parse(replacedText); </pre> <br /> 마찬가지로 JSON으로 직렬화했을 때에도, 즉 JSON.stringify 메서드의 결과물에는 탭 문자가 '\t'로 존재하지 않고 '\\', 't'로 나타나게 됩니다.<br /> <br /> 정리해 보면, "\\t" 문자열을 JSON으로 역직렬화하면 '\t' 문자로 변환이 됩니다. 버퍼에 보관된 '\t' 문자는 다시 JSON 직렬화를 하면 "\\t" 문자열로 됩니다.<br /> <br /> <hr style='width: 50%' /><br /> <br /> 그런데, JSON.NET과 같은 라이브러리들은 제어 문자에 대해 '\t', "\\t"에 상관없이 역직렬화를 해 줍니다.<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' > 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 */ </pre> <br /> 반면 직렬화를 할 때는 '\t' 문자를 원래의 JSON 포맷에 맞게 "\\t"로 바꿔줍니다. 따라서 JSON.NET으로 역직렬화 후 직렬화를 한 경우 원본과 다른 문자열이 생성될 수 있습니다.<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' > 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"} */ </pre> <br /> 비록 전처리를 위한 단계를 생략할 수 있어 성능은 개선할 수 있지만, 대칭의 아름다움이 없어지니! ^^<br /> </p><br /> <br /><hr /><span style='color: Maroon'>[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]</span> </div>
첨부파일
스팸 방지용 인증 번호
1884
(왼쪽의 숫자를 입력해야 합니다.)