하루의 일상💜

HTML 작성과 슬라이드 이미지 만들기 이전버튼, 다음버튼 적용하기 const arrows = document.querySelectorAll("div.arrow"); //arrow의 모든 항목을 가져오기 위해서 ★ querySelectorAll를 선택해야한다. arrows.forEach(arrow => { arrow.addEventListener("click", function(){ //click할때마다 function 실행 함수 let arrowType = arrow.classList[1]; //이전, 다음 버튼을 구분해야하기 때문에 type를 한번더 나눠준다. //arrow의 타입을 각각의 classList의 1번쨰 방에 있는게 어떤 type인지 알게하기 위해서 if(arrowType=="prev")..

이미지 파일을 첨부할 때 원본사이즈를 올리게 되면 용량때문에 로딩시간이 길어지게 된다. 그렇기 때문에 이미지 사이즈를 조절하여 올리게 되는 것을 썸네일이라고 하는데 첨부파일을 통해서 원하는 이미지로 설정하는 방법에 대해서 알아보겠다. 주로 사이트에서 프로필사진 설정같은 곳에서 주로 쓰이게 된다. 첨부파일 클립이미지 넣기 먼저 HTML 에서 input 첨부파일 버튼을 만들어 줘야 한다. 내가 원하는 이미지르 넣기 위해서 display를 none으로 설정 해줘야 기존의 버튼이 사라지고 이미지를 넣을 수 있다. CSS 스타일 주기 CSS 에서 label의 div 를 불러온 후 설정한다. background 이미지를 넣을 때에는 무조건 사이즈를 정해줘야하고 해당 div요소에 맞게 100%를 준다. backgro..

한글을 숫자로 변경 var hangle = "공일이삼사오육칠팔구"; var input ="일공공구".split(""); console.log(input.map(v=> hangle.indexOf(v)).join("")); 사용자가 입력한 input 값을 검사하려면 hangle의 값을 하나씩 검사해야 할 것이다. 그렇기 위해서는 input을 Array로 변경하여 사용할 수 있다. split("")을 사용하여 변경해준다. https://happyeunji-1009.tistory.com/46?category=1102790 그리고 검사하려는 "일공공구" -> "1009" 로 출력하고 싶으니까 기존값을 원하는 값으로 변경할 수 있는 map() 을 사용한다. map에서 value 값을 받아서 "공일이삼사오육칠팔구"를..

var datas = Array(100).fill(); datas.forEach(function(v,i,ar){ ar[i]=i+1; }) console.log(datas.filter(function(v){ return v%2==0 })); index 칸을 먼저 설정 해줄 경우엔 undefined로 변경해주는 fill을 사용해준다. datas.forEach(function(v,i,ar){ ar[i]=i+1; }) 1~100까지의 값을 반복문인 forEach를 사용하여 채워준다. datas의 index 값에 1씩 더해준다. 리턴값이 true 인 값만 추출해주는 filter()를 사용하여 2의 배수 짝수를 검사해준다. console.log(datas.filter(function(v){ return v%2==0..