개발공부 임고미

toLocaleString(); 정의하는 객체 ( = 사용할 곳 ) date / number / array 에서 활용해줍니다! date number array 사용자의 문화권에 맞는 시간표기법으로 년,월,일 시간을 리턴 3자리 숫자마다 콤마 array의 내용을 다 문자로 반환해서 보내줌 재밌는건, date나, 숫자들에도 다 toLocaleString()이 적용되어서 나온다는 점! -> 만약, array내용 toLocalString()적용 안되게해서 문자열로 반환하고 싶다면 toLocaleString() 사용하지 말고, join() 활용

시작 전 알아야 할 부분! 예전엔 firefox에선 지원이 안됐지만 지금은 지원합니다. 확인하는 주소 : caniuse.com/?search=unicode-range 적용 방법 1. 폰트를 다운받는다. 2. 적용 하고자 하는 언어 폰트를 다 같은 이름으로 font-family를 맞춰준다. ex ) 저의 예시에는 font-family : foo; 로 맞춰줬습니다. 3. 공통을 하나 맞추고, 유니코드별 원하는 언어를 설정해준다. ex) 아래의 예시에서는, 공통 : AndikaNewBasic-Regular 영어 : NotoSansKR-Black 숫자 : Langar-Regular 많이 쓰이는 유니코드 1. 특수문자 범위: U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007..

parseInt() / Number()...둘 다 정수로 만들어준다. 그럼 언제 타입을 수정해 주어야 하는걸까? 그냥 값과 값의 종류(Data Type)를 다 비교하는 === 을 사용하지 않고 == 을 사용하면 되는거 아닐까 ? tip! ==는 Equal Operator이고, ===는 Strict Equal Operator ex)( string vs number ) "10" == 10 // true "10" === 10 // false 물론, 받은 값에 숫자를 더하고 빼고 할 일 이없으면,,,,, 그래도 안된다. 저렇게 타입이 다른 두 값을 비교하는 상황은, 의도적으로 피해줘야합니다. 결론 : 서로 다른 두 타입을 비교하는 것은 권장하지 않는다. type 을 바꿔 줘야하는 상황의 대표적인 예를 가지고, ..

→ 결론 : 비추, css 쓰세요! ( 1 )에서는 css style을 통해 커서모양을 만들어 줬다면, 이번엔 간단하게 html의 a 태그를 이용해서 만들 수 있습니다. 포인트는, a tag의 href를 사용하지 않고 javascript의 window.open( )을 이용해 작업해준다는 것이다. a태그를 사용하는 이유는, css를 먹이지 않고 화살표 모양이 나오게 하기 위해서이다. (사실상 커서모양 바꾸기는 이 태그를 사용하는 것만으로도 끝난것입니다. 이하의 내용은 사용 방법과 이유에대한 내용입니다.) 클릭 코드를 하나하나 살펴보자면, href: 이동할 주소 , onclick: 실행시킬 함수 입니다. Q. a태그를 사용할껀데 왜 window.open을 사용해주는걸까? A. 새창의 사이즈를 조절해주기 위해..

커서모양 바꾸기 작업을 하다보면 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 );..