어제 오늘 내일

Javascript에서 소수점 2번째 자리에서 올림, 내림, 반올림, 버림 하는 방법은 다음과 같습니다. 올림 (ceil()) ceil()은 주어진 숫자 이상의 가장 작은 정수로 값을 올리는 함수입니다. function ceilTest(number) { return Math.ceil(number * 100) / 100; } // 예제 document.write(ceilTest(10.123)); // 10.13 document.write(' '); document.write(ceilTest(5.6781)); // 5.68 입력값이 10.123인 경우를 예로 들어 설명하겠습니다. number * 100; 주어진 숫자 10.123에 100을 곱하면 1012.3입니다. Math.ceil(number * 100)..

Javascript에서 현재 날짜를 yyyymmddhhmmss 형식으로 표현하려면, 먼저 Date 객체를 활용하여 현재 날짜, 현재 시간을 구하고, 년, 월, 일, 시, 분, 초 정보를 읽어서 yyyymmddhhmmss 형식에 맞게 조합하여 줍니다. 먼저, 현재 날짜, 시간 구하는 방법이나, Javascript에서 날짜, 시간을 다루는 구체적인 방법은 아래 링크의 지난 포스팅을 참조하세요. [Javascript] 현재 날짜, 시간 구하기 [Javascript] Date 객체로 원하는 날짜, 시간 표현하기 [Javascript] 날짜 계산하기 (년/월/일 더하기, 빼기) [Javascript] 월의 마지막 날짜 계산하기 [Javascript] 날짜 계산 (Date) 마지막 날짜(말일)/윤달/윤년 처리하기 ..

경우에 따라 input 항목에 자동으로 포커스를 이동시켜서 사용자 편의를 증가시킬 수 있습니다. 다음은, 버튼 클릭 시 input 항목에 focus를 이동시키는 예제입니다. focus() 클릭하세요 function btnClick() { const myinput = document.getElementById('my-input'); myinput.focus(); } HTML 버튼 클릭 시, btnClick() 함수를 호출합니다. JAVASCRIPT document.getElementById('my-input'); getElementById() 함수를 이용하여, 포커스를 이동시킬 input 요소를 선택합니다. myinput.focus(); focus() 함수를 이용하여, 포커스를 input 요소로 이동시킵니..

Javascript를 이용하여 버튼 클릭 시 input form의 값(value)을 변경하는 예제입니다. 버튼 클릭 시, input 값 변경하기 클릭하세요 function btnClick() { const myinput = document.getElementById('my-input'); myinput.value = "안녕하세요"; } HTML 버튼을 클릭하면, btnClick() 함수를 호출합니다. JAVASCRIPT document.getElementById('my-input'); getElementById() 함수를 이용하여, id가 my-input인 input form 요소를 선택합니다. myinput.value = '안녕하세요'; 선택한 input form 요소의 value를 '안녕하세요'로 변..

버튼을 클릭했을 때, Javascript를 이용하여 div 영역을 보여주거나 숨기는 예제입니다. 1. display 클릭하세요 #my-div { width: 100px; height: 100px; background-color: blue; } function btnClick() { const mydiv = document.getElementById('my-div'); if(mydiv.style.display === 'none') { mydiv.style.display = 'block'; }else { mydiv.style.display = 'none'; } } HTML 버튼 클릭 시, 호출할 함수를 연결합니다. JAVASCRIPT document.getElementById('my-div'); 보이기, 숨..

Javascript에서 오늘 날짜를 구하고, yyyymmdd 또는 yyyy-mm-dd 형식으로 출력하는 방법입니다. 먼저, 오늘 날짜를 구하는 방법은 지난 포스팅을 참조하세요. [Javascript] 현재 날짜, 시간 구하기 [Javascript] 현재 날짜, 시간 구하기 JavaScript에서 현재 날짜와 시간을 구하는 방법을 알아보도록 하겠습니다. 현재 날짜 구하기 See the Pen CurrentDate by anna (@hianna) on CodePen. new Date()는 현재 날짜와 시간을 가지는 객체를 리턴합니다. 현 hianna.tistory.com 오늘 날짜 yyyymmdd, yyyy-mm-dd 패턴으로 출력하기 // 오늘 날짜 const today = new Date(); // 년도..

Javascript의 숫자 앞 또는 뒤에 0을 추가하여 특정 자릿수의 문자열을 만드는 방법입니다. padStart(), padEnd() str.padStart(문자열길이 [, 채울문자]) str.padEnd(문자열길이 [, 채울문자]) padStart(), padEnd()는 문자열을 특정 길이로 패딩 하는 데 사용하는 메소드입니다. 이름에서도 알 수 있듯이, padStart()는 문자열의 앞에 '채울 문자'를 넣어서 원하는 길이의 문자열을 만들고, padEnd()는 문자열의 뒤에 '채울문자'를 넣어서 원하는 길이의 문자열을 만듭니다. const num = 1; // 00001 const str1 = num.toString().padStart(5, '0'); // 10000 const str2 = num...

Javascript 함수의 파라미터 기본값을 설정하면 함수를 호출할 때, 파라미터가 전달되지 않으면 설정된 기본값을 사용합니다. 함수 파라미터 기본값 설정하기 function sayhi(greeting='Hi', name='Anna') { document.write(`${greeting}, ${name} `) } sayhi(); // Hi, Anna sayhi("안녕"); // 안녕, Anna sayhi(undefined, "Angela"); // Hi, Angela sayhi("안녕하세요", "영수님"); // 안녕하세요, 영수님 위 예제에서 sayhi() 함수는 greeting과 name, 2개의 파라미터를 입력받습니다. 그리고, 각각의 파라미터의 기본값은 'Hi', 'Anna'로 설정되었습니다. s..

Javascript 문자열의 왼쪽에 붙은 0을 제거하기 위해 다음의 2가지 방법을 사용할 수 있습니다. replace 함수 숫자 변환 parseInt() Number() *, + 를 이용한 숫자 변환 1. replace() 정규식을 이용하여, 문자열의 앞에 있는 '0'을 제거합니다. const num = "00123".replace(/^0+/, ''); replace() 함수는, 정규식에 해당하는 부분(첫번째 파라미터)을, 두 번째 파라미터로 입력받은 문자열로 치환합니다. 정규식 /^0+/ ^ : 문자열의 시작을 의미합니다. 0+ : 0이 1번 이상 반복되는 것을 나타냅니다. 따라서, 이 정규식은 문자열의 시작에서 0이 1개 이상 나타나는 부분을 찾습니다. const str1= '00123'; const..

Math.floor() 함수 원단위의 금액을 절사하기 위해서는 Math.floor()라는 함수를 사용합니다. Math.floor() 소수점 이하를 버림하는 함수입니다. [Javascript] 반올림(round), 올림(ceil), 내림(floor) - 소수점, 음수,자리수 지정 [Javascript] 반올림(round), 올림(ceil), 내림(floor) - 소수점, 음수,자리수 지정 올림(Math.ceil()) Math.ceil() 함수 정수 올림 (음수 포함) 자릿수 지정 내림(Math.floor()) Math.floor() 함수 정수 내림 (음수 포함) 자릿수 지정 반올림(Math.round()) Math.round() 함수 정수 반올림 (음수 포함) 자 hianna.tistory.com 예제 c..