Javascript
-
라이브러리 / 프레임워크 / 플러그인 차이점Javascript 2023. 9. 5. 17:52
-라이브러리 library 단어의 뜻이 도서관이잖아 도서관에서 책한권을 쏙 뽑아 빌려와서 내집에서 읽을수 있듯이 내가 자유롭게 작업한 html 파일에 우리가 슬라이드 작업해봤던 "swiper 라이브러리" (특정 기능을 모아둔 코드)를 가져와서 이미 만들어진 원하는 기능을 쓸 수 있는것. ex) swiper, JQuery, React 등 -프레임워크 일정한 형태와 필요한 기능을 갖추고 있는 골격, 뼈대 vue를 사용하려고 설치하면 처음에 기본적으로 디렉터리 구조가 자동으로 생성되어있어서 이 폴더 구조내에서 정해진 방법으로 사용해야하는데 assets 폴더에는 css와 img파일을 넣어야하고 router 폴더에는 페이지 이동에 관련된 js views 폴더에는 html 코드를 넣는데 vue파일로 넣어야해 >> ..
-
[javascript] parseInt()와 Number() 차이Javascript 2023. 1. 20. 16:02
1. parseInt() 문자열 인자를 파싱하여 특정 진수(수의 진법 체계에서 기준이 되는 값)의 정수를 반환합니다. 2. Number() 문자열을 숫자로 변환하는 함수입니다. parseInt()와 Number()는 둘 다 문자열을 숫자로 변환하는 역할을 합니다. Number('1234'); //1234 parseInt('1234'); //1234 3. parseInt()와 Number()의 차이점 Number('1234.5678'); //1234.5678 parseInt('1234.5678'); //1234 Number('100개'); //NaN parseInt('100개'); //100 Number('개수:100'); //NaN parseInt('개수:100'); //NaN 소수점을 나타내고 싶을때는..
-
[javascript] 소수점 올림, 내림, 버림, 반올림 Math 메서드, toFixed 함수Javascript 2023. 1. 20. 14:16
1. Math 객체 메서드 소수점 첫째 자리에서 처리하여 정수로 값을 나타내준다. Math.ceil() : 올림 Math.floor() : 내림 Math.trunc() : 버림 Math.round() : 반올림 > 소수점 첫째자리 수가 5이상이면 올림, 5미만이면 버림 /* 올림 */ Math.ceil(7.1234); //8 Math.ceil(-7.1234); //-7 /* 내림 */ Math.floor(7.1234); //7 Math.floor(-7.1234); //-8 > 버림과 다름 /*버림*/ Math.trunc(7.1234) //7 Math.trunc(-7.1234) //-7 > 내림과 다름 /* 반올림 */ Math.round(7.1234); //7 Math.round(7.9876); //8 ..
-
[javascript] filter 사용법Javascript 2022. 11. 28. 21:58
filter 메서드 조건에 참인 요소만으로 새로운 배열을 생성하여 반환하는 메서드이다. 배열에서 원하는 데이터만 추출 하고 싶을 때 자주 사용한다. let fruit_list = ['사과','감','감','배','포도','포도','딸기','포도','감','수박','딸기'] fruit_list.filter(function(fr){ return fr == '감'; }) // ['감', '감', '감'] function filterCallbackFunction(fr){ return fr == '수박'; }; fruit_list.filter(filterCallbackFunction); // ['수박'] ( => 화살표 함수는 지원이 안 되는 브라우저도 있어서 function(){}을 사용하는 게 좋다.) let..
-
[javascript] map 사용법Javascript 2022. 11. 27. 22:15
배열에서 값을 하나씩 꺼낼 때 다음과 같이 for 반복문을 사용했습니다. let lists = [1,2,3,4,5,6,7,8,9,10]; for(let i=0; i { console.log(value,i) }) // 아래와 같은 결과입니다. lists.map(function(value,i) { console.log(value,i) }) //1 0 //2 1 //3 2 //4 3 //5 4 //6 5 //7 6 //8 7 //9 8 //10 9