핀테크 서비스 프론트엔드 개발자 취업 완성 2기/JS22 [JS] 데이터 - Array (배열) 1. index, indexing, element(item) const numbers = [1, 2, 3, 4, 5] const fruits = ['apple', 'banana', 'cherry'] - index(인덱스) : 인덱스는 0부터 시작한다. 따라서 'apple'은 index = 0, 'banana'는 index=1이다! nubers의 1 또한 index =0이라는 것!! - indexing(인덱싱) : 배열 속의 데이터를 배열의 이름과 인덱스 번호로 접근할 수 있다. 예를 들면 numbers 배열 속의 데이터 '2'에 접근하고 싶다면 `numbers [1]`과 같이 그 배열의 이름과 인덱스 번호를 사용하면 된다. - element(요소) : 배열 속의 데이터를 element(요소)라고 부른다... 2022. 4. 25. [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. 이전 1 2 3 4 5 6 다음
