본문 바로가기

자바스크립트

(24)
자바스크립트 오늘 요일 구하기 자바스크립트 오늘 요일 구하기! Date 객체를 이용해서 구하면 됩니다! HTML : 오늘은 무슨 요일? 버튼을 눌러주세요 오늘 요일 확인 javascript : const dayToDay = () => { const dayIs = ['일','월','화','수','목','금','토']; const nowDay = dayIs[new Date().getDay()]; return console.log(nowDay); }
자바스크립트 js 문자열 치환하여 슬러시 없애기 문자열로 된 날짜 표기가 이렇게 2022.01.27 되어 있을 때, 이 ' . (점)' 을 없애고 싶었다. 방법은 replace 함수와 정규식을 이용했다. 1) 문법 : 문자열.replace(치환될 대상, "치환할 단어"); string.replace(searchValue, newValue); 2) 예시 : const fromDate = "2022.01.27"; fromDate.replace(/\./gi, ""); console.log("fromDate : ", fromDate); gi의 의미 - g : 전체 모든 문자열 변경 (global) - i : 영문 대소문자를 무시, 모두 일치하는 패턴 검색 (ignore) /패턴/플래그 - 슬래시(/) "사이"에는 매칭시킬 "패턴"을 써준다. - 슬래시(/) ..
자바스크립트 배열 숫자 더하기 자바스크립트에서 배열에 담긴 숫자를 모조리 더 하려면 어떻게 해야 할까요? 간단한 예제입니다. 1) 배열에 숫자를 넣고 2) 각 배열의 합을 구하기 1) 배열 선언 const num10 = [1,2,3,4,5,6,7,8,9,10]; 2) 배열의 합을 구할 때, 어떻게 접근해야 할까요? 2-1) for 문을 쓴다. ( 미리 얘기해두지만, 안됨 ) for (let i=0; i < num10.length; i++){ document.write(num10[i]); } 왜 안되냐면요. 값이 더해지는게 아니라 1 2 3 4 .... 이런식으로 나열됩니다. typeof로 num10의 type을 보면 배열은 Object(객체)입니다. isNaN에다가 넣어보면 true가 출력됩니다. 숫자가 아니라는 것이죠~ docume..
자바스크립트 기본 var 대신 const, let 사용하기. var는 어휘적 어휘적 유효 범위(lexical scope)를 따르는 반면, const, let은 블록 유효 범위(block scope)를 따릅니다. let은 var와 유사하게 재할당이 가능하고, const는 재할당 할 수 없는 변수 선언입니다. 자바스크립트에서는 const를 기본으로 사용하여, 변수의 정보가 변경 가능한 것인이 아닌지를 읽는 사람이 알 수 있도록 하나의 신호를 하는 것이 좋습니다. 상수 할당이 있는 다른 언어에 익숙하다면 const 사용을 추천하는 것이 이상해 보일 수 있겠습니다. 다른 언어에서는 보통 상수 할당이 있는 경우에 모두 대문자로 작성하고, 절대로 변경되지 않는 값이라는 것을 보여주기위해 드물게 사용하기 떄문이죠. 하지만 자바스크립트에서는 변수에 단순히 정보를 선언하는 것을 ..
자바스크립트 객체를 이해하는 또 다른 방법 여러 개의 값을 한번에 접근할 수 있도록, 자바스크립트는 객체 Object를 제공하고 있습니다. 객체 Object는 값들을 그룹으로 묶은 데이터 모음입니다. 객체를 만드는 방법은 표현식으로 중괄호 {}를 사용합니다. 중괄호 안에 여러 값들을 넣을 수 있는데, 키 key와 값 value 으로 한쌍을 이루며 이를 속성 properties 라 부릅니다. 객체의 속성에 접근하는 방법은 객체의 우측에 콤마 (.)를 두고, 그 다음에 객체 속성으로 정의된 키 이름을 작서아면 됩니다. student.study 또는 대괄호 [ ]안에 키 값을 문자열로 작성하는 방법도 있지만 콤마(.)로 속성에 접근하는 방법이 선호되는 방식 입니다. student['study'];
자바스크립트 javascript 반복문 for 자바스크립트 for문 사용법 for (초기값 ; 조건식 ; 어떤 간격으로 ){ 실행 문장 } for ( var i = 0; i < 10; i++ ) { console.log ( i + '번째 반복 문장 입니다. '); } 초기값은 변수 i에 0 값을 할당합니다. 변수 i가 숫자 10이 될 때 까지 중괄호 { } 블록 안의 문장이 반복적으로 실행됩니다. 반복 실행 횟수는 i++를 통해 정해집니다.
자바스크립트 객체(Object)지향 뜻 자바스크립트는 객체지향 언어라고 합니다. 객체는 뭘 말하는걸까요? 객체(Object) 특정기능을 수행하는 단위를 말합니다. 예를들면 우리가 사용하는 스마트폰을 예로 들어보겠습니다. 스마트폰은 전화를 거는 기능, 게임을 하는 기능, 사진을 찍는 기능 등등이 있겠죠. 그렇다면 스마트폰을 이렇게도 표현할 수 있습니다. 스마트폰.전화걸기(); 스마트폰.게임하기(); 스마트폰.사진찍기(); 전화걸기, 게임하기, 사진찍기는 스마트폰의 기능에 해당하죠. 이것을 메소드(Method)라는 용어로 정의합니다. 이렇게 자바스크립트는 항상 객체를 중심으로 작성됩니다. 또한 객체명 뒤의 점( . )을 경계로 해당 객체가 갖고있는 메소드(Method), '기능' 또는 '속성'을 작성합니다. 자바스크립트마다저마다 고유한 기능을 가..
자바스크립트에서 for문 이용해서 구구단 출력하기 자바스크립트에서 for문 이용해서 구구단 출력하기 for문 공부할떄 등장하는 단골, 구구단 출력하기 입니다. for문과 prompt를 이용해서 자바스크립트에서 구구단을 출력해볼게요. pormpt 메소드를 이용해서 출력할 단의 값을 입력받습니다.(창이 자꾸 떠서 변수 i에 5를 할당하고, 주석처리함 ) for문을 이용해서 입력한 단의 값을 1~ 9까지 돌립니다. document.write();로 출력합니다. //let i = prompt("which one number print at times table? input number","number only"); let i = 5; for(let j=1; j