[angular] ngx-json-viewer JSON formatter and viewer
ยท
Framework/angular
์„ค์น˜ npm install ngx-json-viewer or yarn add ngx-json-viewer For older Angular: # For Angular 4/5/6/7: npm install ngx-json-viewer@2 # For Angular 2: npm install ngx-json-viewer@1 ์ง์ ‘ ์ถ”๊ฐ€ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด package.json์— ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค. "dependencies": { "ngx-json-viewer": "^3.0.2" } ์‚ฌ์šฉํ•˜๊ธฐ app.module.ts ์— NgxJsonViewerModule์„ import ํ•ฉ๋‹ˆ๋‹ค. import { NgxJsonViewerModule } from 'ngx-json-viewer'; @NgModule({ ..., imports: [ ....
[javascript] object ๋‚ด์— json string์„ object๋กœ ๋ณ€ํ™˜
ยท
Languages/JavaScript
toJson(target :any) { Object.keys(target).forEach(function (key: string) { try { target[key] = JSON.parse(target[key]); } catch (e) { target[key] = target[key]; } }); return target; }
Json ์ด๋ž€
ยท
TIP
JSON(JavaScript Object Notation)๋Š”, ๊ฒฝ๋Ÿ‰์˜ ๋ฐ์ดํ„ฐ ๊ตํ™˜ ํฌ๋งท์ž…๋‹ˆ๋‹ค.์ธ๊ฐ„์—๊ฒŒ ์žˆ์–ด์„œ ์ฝ๊ณ  ์“ฐ๊ธฐ๊ฐ€ ์šฉ์ดํ•˜๊ณ , ๋จธ์‹ ์— ์žˆ์–ด์„œ๋„ ๊ฐ„๋‹จํ•˜๊ฒŒํผ์Šค๋‚˜ ์ƒ์„ฑ์„ ํ–‰ํ•  ์ˆ˜ ์žˆ๋Š” ํ˜•์‹์ž…๋‹ˆ๋‹ค.JavaScript ํ”„๋กœ๊ทธ๋žจ ์–ธ์–ด(ECMA-262 ํ‘œ์ค€ ์ œ 3ํŒ 1999๋…„ 12์›”)์˜ ์ผ๋ถ€๋ฅผ ๋ฒ ์ด์Šค๋กœ ๋งŒ๋“ค์–ด์ ธ ์žˆ์Šต๋‹ˆ๋‹ค.JSON(์€)๋Š” ์™„์ „ํ•˜๊ฒŒ ์–ธ์–ด๋กœ๋ถ€ํ„ฐ ๋…๋ฆฝํ•œ ํ…์ŠคํŠธ ํ˜•์‹์ž…๋‹ˆ๋‹ค๋งŒ, C,C++,C#,Java,JavaScript,Perl,Python, ๊ทธ ์™ธ ๋งŽ์€ CํŒจ๋ฐ€๋ฆฌ์˜ ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•˜๋Š”ํ”„๋กœ๊ทธ๋ž˜๋จธ์—๊ฒŒ ์žˆ์–ด์„œ๋Š”, ์นœ์ˆ™ํ•œ๊ทœ์•ฝ์ด ์‚ฌ์šฉ๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.์ด๋Ÿฌํ•œ ์„ฑ์งˆ์ด,JSON๋ฅผ ์ด์ƒ์ ์ธ ๋ฐ์ดํ„ฐ ๊ตํ™˜ ์–ธ์–ด๋กœ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ถœ์ฒ˜ : http://json.org/json-ko.html