본문 바로가기

자바스크립트55

[자바스크립트] JSON to CSV 변환 출력 파싱 방법 (+JSON파일 읽기, CSV파일 쓰기 예제 코드 in node.js) | Javascript: JSON 데이터를 CSV파일로 파싱하는 방법 별도 라이브러리 없이, 자바스크립트만으로 JSON을 CSV로 만드는 법을 정리합니다. (node.js 및 브라우저 환경 모두에서 작동) "아래의 jsonToCSV() 함수에 JSON형식의 배열객체를 넣어 호출하면 됩니다." (JSON파일, CSV파일을 다루는 예제도 샘플코드로 작성해두었습니다.) # JSON to CSV 함수 (JSON to CSV Converter) : JSON형식의 배열객체를 넣어 호출하면, CSV 형식의 문자열(string)을 반환합니다. : JSON형식의 문자열(string)을 넣어 호출할 경우엔, 함수의 1-1 코드 대신, 1-2 코드를 사용하면 됩니다. function jsonToCSV(json_data) {.. 2021. 3. 24.
[자바스크립트] TSV to JSON 변환 출력 파싱 방법(예제 코드 + node.js 파일 처리 포함) CSV를 JSON로 파싱하는 방법(CSV to JSON)은 아래 링크 참고. [자바스크립트] CSV to JSON 변환 출력 방법+샘플예제코드(node.js 파일 처리 포함) | Javascript: TSV를 JSON으로 변환하는 방법 TSV는 Tab Seperated Values의 약자로, 탭( \t )로 구분된 문자열을 말합니다. 각 열은 탭(\t)로 구분되고, 각 행은 줄바꿈(\r\n)으로 구분되기 때문에, 이를 이용하면 TSV를 JSON으로 파싱할 수 있습니다. 이 글에서는 별도 라이브러리 없이, 자바스크립트만으로 TSV를 JSON으로 만드는 법을 정리합니다. (node 및 브라우저 환경 모두에서 작동) "아래의 tsvToJSON() 함수에 TSV문자열을 넣어호출하면 됩니다." (TSV파일을 다루.. 2021. 3. 24.
[자바스크립트] CSV to JSON 변환 출력 방법+샘플예제코드(node.js 파일 처리 포함) | 자바스크립트로 CSV를 JSON으로 변환하는 방법 CSV는 Comma Seperated Values의 약자로, 콤마( , )로 구분된 문자열을 말합니다. 행의 항목(컬럼)들은 콤마로 구분되며, 각 행은 줄바꿈으로 구분됩니다. 따라서 CSV문자열을 JSON으로 변환하는 방식은 아래와 같습니다. 1) 줄바꿈(\r\n)으로 각 행을 구분해 주고, 2) 콤마( , )로 각 컬럼을 구분해 주고, 3) 머리행에서 제목을 추출, 내용행에서 데이터를 추출하고, 4) 각 행을 객체로 만들어 배열에 담아준다 바로 사용할 수 있는 함수로 만들어 두었으며, 사용 방법도 샘플 예제 코드로 작성해 보았습니다. JQuery나 별도 라이브러리/모듈 없이 오직 자바스크립트만 사용하므로, 브라우저(browser), node.js 등.. 2021. 3. 19.
자바스크립트 코드 실행 동작 원리: 엔진, 가상머신, 인터프리터, AST 기초 웹개발자라면, 적든 많든 자바스크립트를 다루지 않을 수 없습니다. 이번 글에서는 자바스크립트 코드가 내부적으로 어떤 원리로 실행되는지를 정리해 보려고 합니다. 아래 그림은 자바스크립트의 구동원리를 도식화한 것입니다. 이 글을 끝까지 읽으시면, 이 그림이 완벽히 이해되실겁니다. # 자바스크립트 코드의 구동 원리 일반적으로 소스코드는 어떤 원리로 실행될까요? 1. 코드 실행의 기본 원리 - 프로그래밍 언어로 코드를 작성한다. - 인터프리팅, 컴파일 등의 과정을 통해 0, 1로 이루어진 기계어로 변환된다. - 0, 1로 이루어진 기계어 코드가 '메모리'라는 곳에 저장된다. - CPU는 메모리에 있는 0, 1로 이루어진 코드를 읽어 on/off 전기 신호로 실행시킨다. * on/off 전기신호는 이진수 계산으로.. 2021. 3. 12.
[자바스크립트] 점 3개 ... : Rest파라미터, 스프레드 문법, 객체 스프레드 프로퍼티 Rest파라미터, 스프레드 문법는 점(dot) 세개를 연달아 사용하는 문법이다. 비슷하게 생겼지만, 이 둘은 완전히 다른 용도로 사용된다. (참고로 스프레드 프로퍼티는 객체용 스프레드 문법이다) 1. Rest파라미터 => 함수에 매개변수를 여러개 전달할 때 주로 사용!(매개변수 갯수를 모를 때) - 사용 형식: function( ...매개변수 ) { 코드 } - 작동 방식: 함수의 매개변수에 사용하며, 여러개의 인수를 전달 받아 배열로 변환한다. - 예제 코드 function printItems(...items){ // item은 여러개의 인수를 받는다. console.log(items); } printItems('첫째', '둘째', '셋째'); // [ '첫째', '둘째', '셋째' ] 배열 출력 - .. 2021. 3. 11.
[자바스크립트] 삼항 조건 연산자, 옵셔널체이닝 연산자, null병합 연산자: 변수, 객체, 값의 null 체크 검사 방법 1. 조건에 따라 변수에 다른 값을 할당하거나, 2. 변수의 null 값 검사를 하거나, 3. 객체의 null 체크를 할 때, 과거에는 주로 if문을 활용했었다. // 1. 조건에 따른 변수 값 할당 let str = ""; if(5 > 3){ str = "5가 3보다 커요"; }else{ str = "5는 3보다 작아요"; } // 2. 변수 null 체크 const response = "서버에서 받은 응답값"; if(response){ console.log(response); }else{ console.log("결과 없음"); } // 3. 객체 null 체크 const obj = {name: '카레유', job: '개발자'}; if(!obj){ console.log('객체 없음'); }else{ c.. 2021. 3. 9.
[자바스크립트] 정규표현식(Regular Expression) 기초/기본 쉽고 상세한 사용 방법 정리(샘플 예제 코드) # 정규표현식이란?(Regular Expression: Regex) 정규표현식은 "특정 패턴의 문자열"을 찾기 위한 표현 방식입니다. (이런걸 형식 언어, formal languange라고 합니다.) 정규표현식을 이용하면, 특정 패턴에 매칭되는 문자열을 쉽게(?) 찾아낼 수 있습니다. 예를 들어 010-1111-2222 라는 전호번호는 "숫자3개", "-", "숫자4개", "-", "숫자4개" 로 이루어져 있는데, 정규표현식으로 아래와 같이 패턴을 만들어주면, 특정 문자열이 해당 패턴에 맞는지 체크할 수 있습니다. const regex = /\d{3}-\d{4}-\d{4}/; // (\d는 숫자를 의미하고, {} 안의 숫자는 갯수를 의미한다.) regex.test('010-1111-2222') // tr.. 2021. 3. 8.
[Javascript]문자열(단어)/숫자 최빈값(mode)구하는 방법(+빈도순 정렬) in 배열 문자열(string, 단어)이나 숫자가 포함된 배열에서 아래의 두가지를 구하는 방법을 정리한다. 1. 최빈값(mode: 최다 출현 요소) 구하기 2. 출현 횟수 순 정렬하기(+ 각요소의 개수 파악) 예를 들면, [ 'apple', 'banana', 'banana', 'carrrot', 'carrrot', 'carrrot'] 와 같은 배열에서 개수가 가장 많은 'carrot'를 뽑아내거나,(최빈값) 출현빈도 순으로 [ ['carrrot', 3], ['banana', 2], ['apple', 1] ] 와 같이 정렬하고, 개수를 같이 표시해주는 식이다. 1. 최빈값(mode) 구하기 함수의 파라미터로 배열을 넣어 호출하면, 개수가 가장 많은 요소를 반환한다. function getMode(array){ // .. 2021. 2. 2.
[Javascript]배열 문자열/숫자 요소 중복제거, 출현횟수(개수) 구하는 방법 이 글은 ['a', 'b', 'b', 'c','c','c', 'd', 'd', 'd', 'd']와 같은 배열에서, 아래의 2가지 항목을 구하는 코드를 정리한 글이다. 1. 중복을 제거한 유니크한 항목 구하기 2. 각 요소의 출현 횟수(개수) 구하기 숫자는 물론, 문자열(string, 단어)에도 적용 가능하다. 1. 중복제거, 유니크한 항목 구하기 매개변수로 배열을 넣어 아래 함수를 호출하면, 중복을 제거한 유니크한 요소들만 배열로 반환한다. function getUniques(array) { return [... new Set(array)]; } // 1. 문자열 const strings = ['a', 'b', 'b', 'c','c','c', 'd', 'd', 'd', 'd']; getUniques(st.. 2021. 2. 2.