개발공부 임고미

커서모양 바꾸기 작업을 하다보면 a(anker)태그를 사용하지 않고 커서모양을 화살표에서 손가락 모양으로 바꿔야 할 때가 있다. 이때, css 속성 cursor을 이용해서 간단하게 작업이 가능하다. //기본값(default) : auto; cursor: auto; //손가락 모양 : pointer; ( hand는 ie에서만 지원하는 비표준이므로 pointer으로 작업해줍니다. ) cursor: pointer; 이 외의 다양한 모양은 아래의 태그에서 확인 할 수 있다. developer.mozilla.org/ko/docs/Web/CSS/cursor cursor CSS cursor 속성은 요소 위에 마우스 커서가 올라갔을 때 보여줄 모양을 지정합니다. developer.mozilla.org 같이 보면 좋은 ..

includes() startsWith() endsWith() 그 단어 를 포함하고 있니? 로 시작하니? 로 끝나니? 사용가능한 범위 arr, string string string ================================================ includes( ) - Array 메서드는 배열이 특정 요소를 포함하고 있는지 판별합니다. 반환값 : Boolean ( true || false ) arr.includes(valueFind[, formIndex]) valueFind : 탐색할 요소 문자나 문자열을 비교할 때, 대소문자를 구분합니다. formIndex : 이 배열에서 searchElement 검색을 시작할 위치입니다. 음의 값은 array.length + fro..

let products = [ { id: 'apple', }, { id: 'banana', }, { id: 'orange', }, { id: 'avocado', }, { id: 'peach', }, { id: 'kiwi', }, ]; 배열 내 특정 상품 찾기 filter callback 함수에 정의한 조건에 부합하는 배열의 모든 값을 새로운 배열로 리턴합니다. 조건에 부합하는 배열 값이 없을 경우 빈 배열을 리턴합니다. find() 함수와 동일합니다. 리턴값 callback 함수에 정의한 조건에 부합하는 배열의 모든 값을 새로운 배열로 리턴합니다. 조건에 부합하는 배열 값이 없을 경우 빈 배열을 리턴합니다. arr.filter(callback(element[, index[, array]])[, thisA..

arr.sort([compareFunction]) 반환 : 정렬한 배열. 원 배열이 정렬되는 것에 유의하세요. 복사본이 만들어지는 것이 아닙니다. compareFunction : 정렬 순서를 정의하는 함수. 생략하면 배열은 각 요소의 문자열 변환에 따라 각 문자의 유니 코드 코드 포인트 값에 따라 정렬됩니다. 1.숫자 정렬 var number = [ 100, 30, 35, 110, 25, 73, 10 ]; var numberString = [ "100", "30", "35", "110", "25", "73", "10"]; function compare ( a , b ) { return a - b; } number.sort ( compare );(O) numberString.sort ( compare );..

데이터 세팅 - 반복문을 사용하여 id를 출력해보기 let products = [ { id: 'apple', }, { id: 'banana', }, { id: 'orange', }, { id: 'avocado', }, { id: 'peach', }, { id: 'kiwi', }, ]; for 초기값에서 조건부에 부합하면 계속 순회합니다. 특징 : break 문을 사용 할 수 있습니다. - 특정 조건을 만나면 멈추는것 1) 처음부터 배열의 길이만큼출력하기 for( let i=0; i < products.length; i++) { console.log(products[i].id); } : apple ~ kiwi까지 출력됨 2) 'orange'를 발견하면 반복문 멈추기 for( let i=0; i < prod..

chrome에서는 문제가 없었으나, ie를 확인하는 과정에서 이름, 전화번호, 이메일 등 다 입력 후 다음 우편번호 api를 통해 우편번호를 받아온 뒤, 상세 주소를 입력하기 위해 input창을 클릭하자 focus가 걸리지 않는 문제가 발생했다. 해결 방법: 우편번호 결과가 들어오는 함수에서 상세주소 input에 inputName.focus(); 걸어주면 해결 (document.getElementById("detail-address") as HTMLInputElement).focus(); - 리액트에서 해당 문제를 맞닿뜨려서 이렇게 해결했는데, js에서도 마찬가지로 focus() 함수를 사용하면 됩니다. + 추가 내가 ie에서 격은 문제 상황을 좀 더 서술하자면 해당 페이지는 결제 페이지였고, 최초 진입..

1. html에 swiper를 만들어줍니다. 2. 원하는 크기를 설정해줍니다. .swiper-container-mainNav .swiper-wrapper { width: auto !important; } .swiper-container-mainNav .swiper-wrapper .swiper-slide { width: 190px !important; } .swiper-container-mainNav .swiper-wrapper .swiper-slide:nth-child(3) { width: 140px !important; } 원래 스와이퍼에서 제공하는 css가 있어서, 내가 정한 크기가 무시될 수 있으므로 !important 를 넣어줍니다. 저는 190px과 140px 두가지 크기를 설정하였습니다. 3...

아이폰이 javascript에서 'click'에 대한 민감도가 낮아서 클릭이 잘 안되는 경우가 있는데 이럴땐 click을 touchend로 바꿔 사용해주면 된다. var clickTouch = (function () { if ('ontouchend' in document.documentElement === true) return 'touchend'; else return 'click'; })(); 사용 $(document).on(clickEvent, '.btn', function(e) { console.log('건들였다!') }) 그런데 너무 예민하므로, 필요할때 잘 사용할것