| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
- intellij
- 엘든링
- 다이빙
- 세부
- window11
- 뱀파이어서바이벌
- ubuntu
- window
- 스쿠버다이빙
- 오픈워터
- Linux
- 어드벤스
- 씨홀스
- 공략
- PostgreSQL
- JS
- guide
- 게임
- WebView
- JavaScript
- 젤다의전설
- psql
- docker
- 야생의숨결
- 개발툴
- 취미
- Front-end
- window10
- 여행
- poe2
- Today
- Total
목록Develop/Javascript (29)
Rianshin
다른 사용법위의 방법과 동일한 결과물을 볼 수 있는 다른 방법입니다.위의 소스를 통해 아래와 같은 결과물을 볼 수 있습니다. 옵션 조절을 통해 디자인 변경 및 표시할 언어, 페이지 기본 언어 등을 선택해 줄 수 있습니다. 언어(ISO 639)위의 API에서 언어 코드를 많이 사용하게 되는데, 이때 참고할 만한 위키백과 링크입니다.○○○어 의 형식으로 검색하면 해당 국가의 언어로 넘어갑니다.ISO 639 코드 목록과 해당 국가의 언어 부호를 정보로 사용하였습니다.
API의 response 및 request에서 JSON형태로 사용할때가 자주 있다. 이때, 정렬을 통하여 보다 key값을 찾기 쉽게 정렬을 할수가 있는데, 다음과 같이 하면된다. let beforeObj = { "b": 2, "a": 4, "d": 56, "1": 1 } let afterObj = {}; //Solution 1 Object.keys(beforeObj).sort().forEach(function(key) { afterObj[key] = beforeObj[key]; }); //Solution 2 Object.keys(beforeObj).sort().forEach( key => { afterObj[key] = beforeObj[key]; }); console.log(afterObj) 위의 실행..
getByteLength: function(string) { if (string == null || string.length == 0) { return 0; } let size = 0; for (let idx in string.length) { size += this.charByteSize(string.charAt(idx)); } return size; } charByteSize: function(ch) { if (ch == null || ch.length == 0) { return 0; } let charCode = ch.charCodeAt(0); if (charCode
자주 사용하는 함수중하나인 sort를 이용하여 내림차순, 오름차순 으로 정렬을 하는 방법은 다음과 같이 하면 된다. 날짜를 비교하기위하여 String 을 Date로 형변환을 해야 비교가 가능해진다. var arr = [ {date :""}, {date :"2022-10-14 19:00"}, {date :"2022-10-15 10:00"}, {date : "2022-10-13 10:00"} ]; console.log(arr) let test = arr.sort((a, b) => new Date(a.date) - new Date(b.date)) console.log(test) test = arr.sort((a, b) => new Date(b.date) - new Date(a.date)) 소스 참고 : htt..
Front-End 개발시에 console.log를 많이 사용하게 되는데, 특정 console.log같은건 가독성을 주기위에 색깔을 입히기도 한다. 위의 문법과 같이 사용하면 되지만 조금더 눈에 확들어오게 하는 콘솔로그는 다음과 같다. var css = "text-shadow: -1px -1px hsl(0,100%,50%), 1px 1px hsl(5.4, 100%, 50%), 3px 2px hsl(10.8, 100%, 50%), 5px 3px hsl(16.2, 100%, 50%), 7px 4px hsl(21.6, 100%, 50%), 9px 5px hsl(27, 100%, 50%), 11px 6px hsl(32.4, 100%, 50%), 13px 7px hsl(37.8, 100%, 50%), 14px 8p..
#console.assert(expression, object) Log level: Error Writes an error to the console when expression evaluates to false. const x = 5; const y = 3; const reason = 'x is expected to be less than y'; console.assert(x < y, {x, y, reason}); #console.clear() Clears the console. console.clear(); If Preserve Log is enabled, console.clear() is disabled. Alternatively, you can Clear the Console by clicking..
