개발공부 임고미

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..

1. react에서는 undefined만 반환하여 렌더링하는 상황을 막아야 합니다. -> 해결 : undefined값을 만들어준다 //받아오는값 || undefined값 { name || '리액트' } 2. 스타일을 줄때, 공통스타일을 style-component를 사용할지, 객체로 만들어서 사용할지, less를 사용할지는 선택 ex 3. new 연산자와 생성자 함수 / 화살표함수 1) 생성자 함수 생성자 함수(constructor function)와 일반 함수에 기술적인 차이는 없습니다. 다만 생성자 함수는 아래 두 관례를 따릅니다. 함수 이름의 첫 글자는 대문자로 시작합니다. 반드시 "new" 연산자를 붙여 실행합니다. function BlackDog () { this.name = '흰둥쓰' retu..

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('건들였다!') }) 그런데 너무 예민하므로, 필요할때 잘 사용할것

1. type text/ tel 간단하게 설정가능 2. type number //html //js //숫자 maxLength check function maxLengthCheck(object){ if (object.value.length > object.maxLength){ object.value = object.value.slice(0, object.maxLength); } } tel 이나 number으로 type을 설정할경우, mobile에서 input focus되면 숫자키보드만 뜬다. ( text같은경우엔, 자판까지 뜬다. )

select box placehorder 만들기 1. html 완전 placehorder 처럼 만들기위해선 disabled와 hidden 속성이 필요합니다. 기본값입니다. 바다 산 계곡 빨강 노랑 파랑 여기서, "기본값입니다." 만 placeholder취급해서 기본값으로 바꾸는게 목적 이게 만약 opt그룹이 아니었다면, option:first-child로 간단하게 처리가 가능했을 수도 있다. 그런데 opt 그룹이 되면서 opt 그룹의 첫번째요소도 색이 변하는걸 확인할 수 있다. /* css */ select option:first-child { color: red; } 확인시켜주고자 html 에서 hidden 과 disable을 제거한 상태 완벽한 placehorder을 만들고자, 다음과 같이 진행 2...