js20 [JS]데이터 - 숫자(Number)와 수학(Math) 1. 매소드 toFixed( ), 전역함수parseInt( ), parseFloate( ) const pi = 3.1415921231231231 console.log(pi) const str = pi.toFixed(2)//문자열로 반환 console.log(str)//3.14 console.log(typeof str)//string const integer = parseInt(str)//정수로 변환 const float = parseFloat(str)//소수점까지 가지는 실수로 변환 console.log(integer)//3 console.log(float)//3.14 console.log(typeof integer, typeof float)// number number //전역함수 Global // s.. 2022. 4. 25. [JS] JavaScript에서 querySelectorAll Elements에 클릭 이벤트 적용하기. with. classList.add() & classList.remove() 1. 내가 원하는 시나리오!! 화면에 2021년도의 내용이 표시가 된다. 만약 내가 2020을 클릭하면 밑의 사진처럼 2020년의 내용이 표시되게 만들고 싶다! 내용은 html파일에 직접 넣는 것이 아니라 javascript를 통해서 넣고 싶다. 그 기능을 만들기 위해서 클릭된 연도에 active라는 클래스를 추가하도록 만들 예정이다. 2. 과정_1 나는 year 클래스를 가진 li 중 하나를 클릭하면 data-year에 있는 년도가 출력되는 코드를 만들고 싶다. 그래서 처음에는 querySelectorAll을 통해서 모두를 선택한 뒤 addeventListener을 넣었다. const yearActiveEls = document.querySelectorAll('.year') yearActiveEls.a.. 2022. 4. 22. [JS] 데이터형(dataType), 변수선언 , 함수(function) JS 데이터(자료형 , Data Type) 원시형 - Primitive Type 문자 (string) 숫자 (Number) 불린(Boolean) null undefined 심볼(Symbol) 큰 정수(BigINT) 참조형 - Reference Type 배열(Array) 객체 (Object) 함수(Function) 문자 따옴표로 묶여 있어야 함! 'dada' "dada" `dada` //보간 예시! const abc = 'ABC' console.log(abc) console.log(`hello ${abc}`) // 보간 숫자 const a = 1 const b =2 console.log(a+b) //3 부동소수점 오류 const a = 0.1 const b = 0.2 conso.. 2022. 4. 18. [JS] 상속(확장) 상속(확장)을 간단한 코드로 살펴보겠다. // extends 상속(확장) class Vehicle { constructor(name, wheel) { this.name = name this.wheel = wheel } } const myVehicle = new Vehicle('운송수단', 2) console.log(myVehicle) class Bicycle extends Vehicle { constructor(name,wheel) { super(name, wheel) } } const myBicycle = new Bicycle('삼천리', 2) const sistersBicycle = new Bicycle('세발', 3) console.log(myBicycle) console.log(sistersBic.. 2022. 4. 15. 이전 1 2 3 4 5 다음
