어제 오늘 내일

배열에 있는 값들이 몇번이나 중복 되는지 찾는 방법을 소개합니다. forEach() 이용하기 reduce() 이용하기 Map 객체 이용하기 1. forEach() 이용하기 const arr = ['a', 'b', 'a', 'b', 'c']; const result = {}; arr.forEach((x) => { result[x] = (result[x] || 0)+1; }); document.write(JSON.stringify(result)); const arr = ['a', 'b', 'a', 'b', 'c']; 중복되는 값을 가지는 배열이 있습니다. const result = {}; 중복된 값의 갯수를 저장하기 위한 Object를 선언하였습니다. arr.forEach(callback함수); 배열(arr..

for문을 이용하여 테이블 생성하기 for 반복문을 이용해서 테이블을 동적으로 생성하는 예제입니다. const rowCnt = 5; const columnCnt = 2; document.write(''); for (let i = 0; i < rowCnt; i++) { document.write(''); for (let j = 0; j < columnCnt; j++) { document.write(''); document.write(i + ", " + j); document.write(''); } document.write('') } document.write(''); 테이블은 아래와 같이 가장 바깥을 태그로 감싸고, 하나의 row를 표현하는 태그, 그리고 그 안의 데이터를 표현하는 태그로 작성할 수 있습..

지난번에는 객체를 JSON 문자열로 변경하는 방법을 알아보았습니다. [Javascript] 객체를 JSON으로 변환하기 이번에는 반대로 JSON 문자열을 객체로 변경하는 방법을 알아보겠습니다. JSON.parse() 함수 JSON 문자열의 값을 변경하여 객체로 변환하기 1. JSON.parse() 함수 JSON.parse(text[, reviver]) JSON 문자열을 객체로 변경할 때는 JSON.parse() 함수를 사용합니다. 파라미터 text (필수입력) 객체로 변환할 JSON 문자열 reviver (선택입력) JSON 문자열을 객체로 변환하여 리턴하기 전에, 값을 변형시키기 위한 함수 예제 const json = `{ "id" : 123, "product" : { "type" : "book", "..

Javascript에서 사용하는 객체(Object)를 네트워크를 통해 전송하려면 어떻게 해야 할까요? Javascript의 객체를 그대로 서버로 전송할 수는 없습니다. Javascript에서는 주로 객체를 JSON(JavaScript Object Notation) 형식으로 변환하여 전달합니다. (Javascript가 아닌 언어에서도 데이터 교환 목적으로 JSON 형식을 많이 사용합니다.) 이번에는 Javascript 객체를 JSON 형식으로 변환하는 방법을 알아보겠습니다. JSON.stringify() 함수 특정 항목만 JSON으로 변환하기 들여쓰기(indent) 설정하기 1. JSON.stringify() 함수 JSON.stringify() 함수 JSON.stringify(value[, replacer..

프로그래밍을 할때, 들여쓰기만 잘 되어 있어도 가독성 높은 코드를 만들 수 있습니다. VSCode는 사용자가 타이핑을 할 때, 복사한 코드를 붙여 넣을 때, 파일을 저장할 때 자동으로 코드를 정렬해 주는 기능을 제공합니다. 이 기능을 활성화하는 방법입니다. 1. Setting(설정) 메뉴로 이동합니다. 다음 중 한가지 방법을 선택하여 설정 메뉴에 들어갑니다. File > Preperences > Settings 메뉴 이용 화면 왼쪽 하단의 톱니바퀴 모양의 '설정' 아이콘 이용 단축키 : Ctrl + , 이용 2. User > Text Editor > Formatting Format On Paste 사용자가 코드를 붙여넣기 했을 때, 자동으로 코드를 정렬해 줍니다. Format On Save 사용자가 코드..

Javascript로 난수를 생성하는 방법을 소개합니다. Math.random() 범위를 지정한 난수 생성하기 0~9 0~10 0~99 0~100 1~10 2~5 난수 생성 함수 만들기 (범위 지정) min

이번 포스팅에서는 Javascript 객체의 속성에 접근하여 값을 읽고, 추가, 변경, 삭제 하는 방법을 알아보겠습니다. 객체 속성 읽기 점 표기법 (dot notation) 대괄호 표기법 (square bracket notation) 객체 속성 추가, 변경하기 점 표기법 (dot notation) 대괄호 표기법 (square bracket notation) 동적으로 객체 속성 추가/삭제하기 (Computed Property) 객체 속성 삭제하기 1. 객체 속성 읽기 객체 속성 값을 읽는 방법은 점 표기법(dot notation)과 대괄호 표기법(square bracket notation) 2가지가 있습니다. 점 표기법 (dot notation) const obj = { id : 123, product ..

Javascript에서 배열이 가지고 있는 값의 개수는 배열의 length 속성을 통해 쉽게 구할 수 있습니다. [Javascript] 배열 길이 체크, 설정하기 (length) 그렇다면, 객체(Object)가 가지고 있는 속성의 개수는 어떻게 구할까요? 객체 속성 개수 구하기 const obj = { product : 'book', id : 123, page : 23 }; const count = Object.keys(obj).length; document.write(count); const count = Object.keys(obj).length; 객체의 속성 갯수를 구하기 위해서 먼저 Object.keys() 함수를 이용해서 객체가 가지고 있는 key값들을 배열로 리턴 받았습니다. Object.ke..

Javascript에서 현재 시간을 표시하기 위해서 'new Date()'를 사용하였습니다. [Javascript] 현재 날짜, 시간 구하기 'new Date()'를 사용해서 가져온 현재 날짜와 시간은 기본적으로 사용자의 PC에 설정 된 표준 시간대를 기준으로 표시됩니다. 아마 이 글을 보는 대부분의 사람들은 표준시간대가 한국 표준시(UTC+09:00)로 설정되어 있을 것입니다. 그래서, 'new Date()'를 사용해서 현재 시간을 가져오면 현재 한국 시간을 기준으로 날짜와 시간이 표현됩니다. 그리고, 만약 사용자 PC의 표준시간대가 한국 표준시가 아닌 미국이나 캐나다에서 사용하는 동부 표준시나 중부 표준시로 설정이 되어 있다면, 해당 표준시간대에 해당하는 날짜와 시간이 보여질 것입니다. 현재 시간 확..

Javascript에서 문자열을 거꾸로 뒤집는 방법을 소개합니다. 예제 1. const str = 'abcde'; // 1. 문자열을 배열로 변환하기 const step1 = str.split(''); document.write('step1 : ' + step1); document.write(' '); // 2. 배열을 거꾸로 뒤집기 const step2 = step1.reverse(); document.write('step2 : ' + step2); document.write(' '); // 3. 배열을 문자열로 변환하기 const step3 = step2.join(''); document.write('step3 : ' + step3); const step1 = str.split(''); split()..