csv 데이터 json 변환 사이트

 

csv 데이터를 json으로 변환해주는 웹사이트는 검색을 해보면 많이 있습니다대부분 데이터를 복사해서 붙여 넣거나 파일을 업로드 하면 자동으로 변환이 진행 됩니다.

 

id,name,age,tel

1,kim,11,000-000-0000

2,lee,22,000-000-0000

 

이런 데이터를 넣으면

[

  {

    "id": "1",

    "name": "kim",

    "age": "11",

    "tel": "000-000-0000"

  },

  {

    "id": "2",

    "name": "lee",

    "age": "22",

    "tel": "000-000-0000"

  }

]

 

이렇게 변환을 해줍니다.

그렇지만 배열이나 Object가 있는 경우는 대부분의 사이트가 해결해주지 못합니다.

 

id,name,age,tel/home,tel/mobile,shoes/0,shoes/1,shoes/2

1,kim,11,000-000-0000,111-1111-1111,red,blue,yellow

2,lee,22,010-0100-0100,020-2222-2222,green,black,white

 

이런 데이터를 넣으면

 

[

  {

    "id": "1",

    "name": "kim",

    "age": "11",

    "tel/home": "000-000-0000",

    "tel/mobile": "111-1111-1111",

    "shoes/0": "red",

    "shoes/1": "blue",

    "shoes/2": "yellow"

  },

  {

    "id": "2",

    "name": "lee",

    "age": "22",

    "tel/home": "010-0100-0100",

    "tel/mobile": "020-2222-2222",

    "shoes/0": "green",

    "shoes/1": "black",

    "shoes/2": "white"

  }

]

 

이런 결과가 나옵니다.


검색을 하다 보니 이런 문제를 해결해 주는 사이트가 있습니다.

https://www.convertcsv.com/csv-to-json.htm

 

id,name,age,tel/home,tel/mobile,shoes/0,shoes/1,shoes/2

1,kim,11,000-000-0000,111-1111-1111,red,blue,yellow

2,lee,22,010-0100-0100,020-2222-2222,green,black,white

 

이런 데이터를 넣으면

 

[

 {

   "id": 1,

   "name": "kim",

   "age": 11,

   "tel": {

      "home": "000-000-0000",

      "mobile": "111-1111-1111"

   },

   "shoes": [

      "red",

      "blue",

      "yellow"

   ]

},

 {

   "id": 2,

   "name": "lee",

   "age": 22,

   "tel": {

      "home": "010-0100-0100",

      "mobile": "020-2222-2222"

   },

   "shoes": [

      "green",

      "black",

      "white"

   ]

}

]

 

이렇게 배열도 객체도 잘 변환해 줍니다.

 

 

대용량 csv 변환

 

온라인으로 csv 데이터를 json으로 변환하는 방법은 데이터가 대용량인 경우에는 불가능 합니다이런 경우에는 csvtojson을 이용해서 변환하면 됩니다.

먼저 설치를 하고

 

>npm i csvtojson


csv to json

 

csvtojson.js 파일 위치를 확인 하여 절대 경로나 상대 경로로 실행을 하면 됩니다.

D:\copycoding\node_modules\csvtojson\bin>csvtojson d:\copycoding\test.csv > d:\copycoding\test.json

 

이렇게 하면 몇 십만 건도 변환이 되는걸 테스트 해 보았는데 잘 변환 됩니다

 

- copy coding -



내가 사용하는 인터넷 다운로드, 업로드 속도 측정하는 사이트입니다.  Active-X를 설치해야 하는 사이트는 제외를 하여 4개를 뽑아 보았습니다

결과들이 조금씩 다를 수 있는데 속도 측정은 Target을 어디에 두고 체크했는가에 따라 결과가 달라질 수 있습니다그리고 Download 속도가 100MB로 좋게 나와도 내가 다운받으려는 사이트의 정책이 다운로드 속도를 1MB로 설정해 놓았으면 1MB이상으로 받을 수 없으니 속도 측정 결과는 참고로만 하면 될것 같습니다.

 

1. SpeedTest.net


예전에는 백그라운드 이미지로 지도모양이 나왔던 것 같은데 모양이 변경이 되었습니다.

https://www.speedtest.net/ 사이트에 접속을 합니다.


internet speed test


가운데 원의 GO를 클릭 하면 속도 측정이 시작 됩니다하단에 있는 이미지에서 자신의 디바이스를 선택 하여 측정을 진행 해도 됩니다.


internet speed test


먼저 다운로드 속도를 측정 하고


internet speed test


그다음 업로드 속도을 측정 합니다.


internet speed test


테스트가 완료되면 최종 결과를 보여 줍니다.



2. Fast.com


여기는 사이트에 들어가자 마자 바로 자동으로 속도측정을 시작 합니다.

https://fast.com/ko/


internet speed test




internet speed test


속도 측정이 완료된 화면 입니다상세정보 버튼을 눌러 봅니다.


internet speed test


다운로드 속도 테스트 후 바로 상세보기 버튼을 누르면 업로드 속도는 진행 중일 수 있습니다.

 

 

3.  OpenSpeedTest.com

 

http://openspeedtest.com/ 사이트에 접속 합니다.


internet speed test


가운데 시작 버튼을 클릭 하면 속도 체크를 시작 합니다.


internet speed test


먼저 다운로드 속도를 체크하고 


internet speed test


이어서 업로드 속도를 체크 합니다.


internet speed test


속도 체크가 완료되면 결과를 보여 줍니다.

 

 

4. Google Fiber

 

http://speedtest.googlefiber.net/ 사이트에 접속 합니다.


internet speed test


파란색 시작 버튼을 클릭합니다.


internet speed test


Google Fiber 서비스 관련 안내인데 모바일이 아니니 그냥 Continue를 클릭합니다.


internet speed test


잠시 기다리면 다운로드와 업로드 속도 측정 결과가 나옵니다

 

처음에 얘기 한것 처럼 속도 측정 결과들은 참고사항 입니다.


- copy coding -

 

웹 사이트 또는 블로그에 접속한 사용자들의 IP를 이용하면 어떤 국가의 어느 위치에서 접속을 하였는지 알 수 있습니다물론 내부 망이 아닌 공인 IP로 변경되는 위치이기 때문에 위치 정보는 100% 정확하다고 할 수 는 없습니다.

각 국가별 IP 주소 대역을 찾아 보려면

https://xn--3e0bx5euxnjje69i70af08bea817g.xn--3e0b707e/jsp/infoboard/stats/ipCurrent.jsp

여기에 가면 있습니다그런대 양이 장난 아니게 많습니다. csv 파일로 190,350라인(2019.12.31기준) 이나 되서 접속자 정보를 개인이 분석 하기는 귀찮고 대신 작업을 해주는 곳을 이용 하면 됩니다몇 군대 알아 볼까요?

 

http://ip-api.com


http://ip-api.com


사용 방법들은 대부분 비슷 합니다.  스크립트를 볼까요?

<!DOCTYPE html>

<html>

<head>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <script >

 

    $.get("http://ip-api.com/json", function(data) {

           console.log(data);

           $("#cty").text(data.country);

    }, "jsonp");

</script>

</head>

<body>

<span id="cty">where</span>

</body>

</html>


조회하면 리턴하는 값들은 아래와 같습니다.


ip info nation location



http://ipinfo.io


http://ipinfo.io


이번에는 다른 사이트를 이용해 봅니다. 값을 받기 위한 스크립트 입니다.


<!DOCTYPE html>

<html>

<head>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <script >

 

    $.getJSON("http://ipinfo.io", function(data) {

           console.log(data);

           $("#cty").text(data.country);

    });

</script>

</head>

<body>

<span id="cty">where</span>

</body>

</html>


그리고 리턴받은 값 입니다.


ip info nation location


https://extreme-ip-lookup.com/json


https://extreme-ip-lookup.com/json


마지막으로 사용해볼 사이트 이고 사용하는 스크립트 입니다.  이번에는 주소가 귀찮게 길군요. 사용법은 비슷하게..


<!DOCTYPE html>

<html>

<head>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <script >

 

    $.getJSON("https://extreme-ip-lookup.com/json", function(data) {

           console.log(data);

           $("#cty").text(data.country);

    });

</script>

</head>

<body>

<span id="cty">where</span>

</body>

</html> 


리턴받은 값 입니다.


ip info nation location

3개가 조금씩 정보의 종류가 다릅니다대부분의 정보는 서로 동일 한데 위치 정보는 조금씩 차이가 나는데 한번씩 테스트 해보시면 알 수 있습니다접속자에 대한 정보가 필요할 때 간편하게 사용 할 수 있는 방법인것 같습니다.


- copy coding -


컴퓨터 앞에서 매일 12시간 이상 일을 하다 보면 모니터 보는 것도 힘들도 눈도 무지무지 피곤해 집니다.  eclipse 배경을 검은색으로 하고 사용한지는 몇년이 지났는데 자주 검색하게 되는 크롬 배경도 변경을 해보았습니다.

 

Change Colors로 검색을 하거나 링크를 클릭 합니다.

https://chrome.google.com/webstore/detail/change-colors/ageghplgcapnfpdhapeemolbmfccclke



google chrome 배경색 변경


크롬에서만 사용 가능한 확장 프로그램이라 다운 및 설치가 필요 없이 우측 상단에 있는 파란색[Chrome에 추가] 버튼만 클릭 하면 됩니다.


google chrome 배경색 변경


설치가 아닌 추가 할지를 물어보는 군요. [확장 프로그램 추가] 버튼을 클릭 합니다.


google chrome 배경색 변경


버튼 클릭 한번으로 추가가 되었다는 군요. 저는 굳이 동기화까지 하고 싶지는 않으니 x를 누릅니다구글 초기화면이 검게 변경이 되었습니다.


google chrome 배경색 변경


그다지 멋있어 보이지는 않습니다검색을 해봅니다.


google chrome 배경색 변경


제 블로그 메인을 눌러 봤습니다.  


google chrome 배경색 변경


아직은 예전의 흰색 크롬 이미지가 남아서 인지 좀 이상하게 보이긴 하지만 그런대로 읽을 만 합니다적응을 하면 불편하진 않을 것 같습니다.

 

Change Colors의 적용 조건은 3가지가 있습니다처음 설치한 기본값은 모두 적용한 경우의 설정 값 입니다.


google chrome 배경색 변경


모두 해제 한 경우의 설정 값은 아래와 같습니다.


google chrome 배경색 변경


보시면 아시겠지만 현재페이지만? 현재 도메인만? 전체? 3개의 설정이 가능 합니다. 여기서 하나만 테스트를 해보겠습니다. 누르는 순간 바로 적용이 되기 때문에 확인도 바로바로 할 수 있습니다.

[Apply override on this page]를 누릅니다


google chrome 배경색 변경


현재 페이지에만 배경색을 넣었습니다.  다시 한번 눌러주면 바로 해제가 됩니다.


google chrome 배경색 변경


너무 검은색이라 마음에 안든 다면 삭제하는 방법은 크롬 우측 상단에 있는 아이콘에 마우스를 놓고 우클릭을 하면


google chrome 배경색 변경


[Chrome에서 삭제...]를 선택 합니다.

Chrome 에서 삭제가 되었습니다.


google chrome 배경색 변경


아직은 흰색이 좋군요. 배경을 검은색으로 하려면 폰트 색도 변경을 해야 할것 같습니다.


- copy coding -


12345678···14

+ Recent posts