프론트엔드 정복하기

** 브라우저 내장 객체로 함수, 정규식 보다는 아래 메소드를 쓰는 것을 추천한다. Intl.NumberFormat const number = 123456.789; console.log(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(number)); developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat 함수 function comma(num){ var len, point, str; num = num + ""; point = num.length % 3 ; len = num.length; str = num.subs..

1. javascript로 오늘 날짜 구하기 var today = new Date(); var month = today.getUTCMonth() + 1; //months from 1-12 var day = today.getUTCDate(); var year = today.getUTCFullYear(); today = year + "-" + month + "-" + day; https://webisfree.com/2017-03-30/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EC%97%90%EC%84%9C-%EC%98%A4%EB%8A%98-%EB%82%A0%EC%A7%9C%EB%A7%8C-%EA%B5%AC%ED%95%98%EB%8A%94-%EB%B0%..

[ 기본 ] document.getElementById("ID"); document.getElementsByClassName("class"); document.getElementsByTagName("li"); [ query... ] | IE8 이상 document.querySelector(" div.user input[name=login] "); CSS 선택자를 기준으로 가장 첫번째 엘리먼트 반환 ( '.', '#' 등 사용 ) document.querySelectorAll(" "); CSS 선택자에 맞는 모든 엘리먼트를 NodeList로 반환 (NodeList는 DOM의 변화를 반영하지 않음) [ 문서 전체가 아닌 ==> 특정 노드의 자식 중 elements를 찾고 싶을 때 ] var divs = wi..

string.length : 문자열의 길이를 반환 https://www.codingfactory.net/10895 string . indexOf ( 찾고싶은 문자열(필수값) , fromIndex(선택값) ) : 문자열 내에서 특정 문자열의 index 값을 리턴한다. : 문자열이 존재하지 않는다면 -1을 반환함. : React에서 사용가능 예제 var stringValue = '생활코딩 - 자바스크립트 레퍼런스'; alert(stringValue.indexOf('자바스크립트',0)); // 7 alert(stringValue.indexOf('자바스크립트',2)); // 7, 두번째 인자로 2가 주어지면 탐색의 대상이 '코딩 - 자바스크립트 레퍼런스'로 줄어든다. index 값은 변하지 않는다 alert(s..

window.onload = function() {} : 웹페이지의 로딩이 끝나는 시점에 javascript문이 실행되도록 하는 함수다. : 특히 React에서는 onload문을 사용해줘야 한다.

참고사이트 https://riptutorial.com/ko/css/example/10001/javascript%EB%A1%9C-css-%EB%B0%94%EA%BE%B8%EA%B8%B0