2008.07.02 09:18
다른 팀의 업무를 도와주며 한두시간의 시간을 투자해서 만든 프로그램입니다.. (그런데 사용할 일이 사라져서 빛을 보지도 못한 프로그램입니다;)


  • URL
http://json2table.azki.org/ 입니다


  • 소개
JSON 문자열을 textarea 에 넣고 2 table ! 버튼을 누르면 JSON 데이타를 테이블로 출력하고, 출력하는데 걸린 시간을 출력합니다. 표시하는 룰은 object 타입은 테이블로 나타내고, array 타입은 row로 나타냅니다.
(참고: array 타입일 경우 테이블의 첫번째 로우에 각 item 의 이름(key)이 표시되는데, 그 아이템의 순서가 뒤바뀌거나 item 의 이름 종류나 개수가 일치하지 않는 경우 예외처리를 해놓지 않아서 정확하게 동작하지 않습니다)


  • 예제

{
    code: 'success',
    data: {
        member: {
            name: '김성준',
            id: 'azki',
            sno: '0701082'
        }
    }
}
위의 JSON 코드를 넣으니 아래 테이블로 표시되네요..
codedata
success
member
nameidsno
김성준azki0701082
15ms

아래부터는 다른 예제입니다

{
    "dataset": [{
        "columnInfo": [{
            "type": "string",
            "size": 10,
            "name": "departure_city"
        }, {
            "type": "string",
            "size": 10,
            "name": "departure_date"
        }, {
            "type": "string",
            "size": 10,
            "name": "arrival_city"
        }, {
            "type": "string",
            "size": 10,
            "name": "arrival_date"
        }],
        "rows": [{
            "arrival_city": "TOKYO",
            "departure_date": "03Jul08",
            "arrival_date": "05Jul08",
            "departure_city": "BUSAN"
        }, {
            "arrival_city": "TOKYO",
            "departure_date": "03Jul08",
            "arrival_date": "06Jul08",
            "departure_city": "BUSAN"
        }, {
            "arrival_city": "TOKYO",
            "departure_date": "10Jul08",
            "arrival_date": "12Jul08",
            "departure_city": "BUSAN"
        }, {
            "arrival_city": "TOKYO",
            "departure_date": "10Jul08",
            "arrival_date": "13Jul08",
            "departure_city": "BUSAN"
        }, {
            "arrival_city": "TOKYO",
            "departure_date": "17Jul08",
            "arrival_date": "19Jul08",
            "departure_city": "BUSAN"
        }, {
            "arrival_city": "TOKYO",
            "departure_date": "17Jul08",
            "arrival_date": "20Jul08",
            "departure_city": "BUSAN"
        }, {
            "arrival_city": "TOKYO",
            "departure_date": "24Jul08",
            "arrival_date": "26Jul08",
            "departure_city": "BUSAN"
        }, {
            "arrival_city": "TOKYO",
            "departure_date": "24Jul08",
            "arrival_date": "27Jul08",
            "departure_city": "BUSAN"
        }, {
            "arrival_city": "TOKYO",
            "departure_date": "31Jul08",
            "arrival_date": "02Aug08",
            "departure_city": "BUSAN"
        }, {
            "arrival_city": "TOKYO",
            "departure_date": "31Jul08",
            "arrival_date": "03Aug08",
            "departure_city": "BUSAN"
        }, {
            "arrival_city": "TOKYO",
            "departure_date": "07Aug08",
            "arrival_date": "09Aug08",
            "departure_city": "BUSAN"
        }, {
            "arrival_city": "TOKYO",
            "departure_date": "07Aug08",
            "arrival_date": "10Aug08",
            "departure_city": "BUSAN"
        }, {
            "arrival_city": "TOKYO",
            "departure_date": "14Aug08",
            "arrival_date": "16Aug08",
            "departure_city": "BUSAN"
        }, {
            "arrival_city": "TOKYO",
            "departure_date": "14Aug08",
            "arrival_date": "17Aug08",
            "departure_city": "BUSAN"
        }, {
            "arrival_city": "TOKYO",
            "departure_date": "21Aug08",
            "arrival_date": "23Aug08",
            "departure_city": "BUSAN"
        }, {
            "arrival_city": "TOKYO",
            "departure_date": "21Aug08",
            "arrival_date": "24Aug08",
            "departure_city": "BUSAN"
        }],
        "name": "Schedule"
    }]
}
위의 JSON 코드를 넣으니 아래 테이블로 표시되네요..

dataset
columnInforowsname
typesizename
string10departure_city
string10departure_date
string10arrival_city
string10arrival_date
arrival_citydeparture_datearrival_datedeparture_city
TOKYO03Jul0805Jul08BUSAN
TOKYO03Jul0806Jul08BUSAN
TOKYO10Jul0812Jul08BUSAN
TOKYO10Jul0813Jul08BUSAN
TOKYO17Jul0819Jul08BUSAN
TOKYO17Jul0820Jul08BUSAN
TOKYO24Jul0826Jul08BUSAN
TOKYO24Jul0827Jul08BUSAN
TOKYO31Jul0802Aug08BUSAN
TOKYO31Jul0803Aug08BUSAN
TOKYO07Aug0809Aug08BUSAN
TOKYO07Aug0810Aug08BUSAN
TOKYO14Aug0816Aug08BUSAN
TOKYO14Aug0817Aug08BUSAN
TOKYO21Aug0823Aug08BUSAN
TOKYO21Aug0824Aug08BUSAN
Schedule
109ms

  • 추후 업데이트될 수도 있는(?) 기능들..
    • JSON 데이타를 포맷팅해주는 기능 (보기 편하게)
    • 색상등으로 좀 더 보기 편하게 해주는 기능
    • 두가지 이상의 JSON 데이타를 서로 비교-분석 해주는 기능
    • 많은 케이스에 대해서 테스트가 이뤄지지 않은 상태라 버그가 있을 가능성이 높음. -> 디버깅..
신고
Posted by 아즈키

댓글을 달아 주세요


티스토리 툴바