Language/Java Script
-
LocalStorage 패키지별 관리Language/Java Script 2025. 3. 13. 09:15
로컬스토리지 막쓰게되면 나중에 관리하기 힘들어진다. 요새 바빠서 관리 못하다가 만들어 둔거 정리해둔다. 소스Utils.tsxexport default class Utils { ... /** * LocalStorageManager 클래스 * baseKey를 기반으로 localStorage를 관리하는 클래스 */ static LocalStorageManager = class { #baseKey: string; #data: Record; /** * LocalStorageManager 생성자 * @param baseKey 기본 키 (네임스페이스) */ constructor(baseKey: string) { this.#baseKey = baseK..
-
이전 리스트와 바뀐 리스트중 빠진 값 찾기Language/Java Script 2023. 6. 28. 18:51
이전 리스트와 바뀐 리스트중 빠진 값 찾기const arrBefore = [ { code: '11', name: 'test1' }, { code: '22', name: 'test2' }, { code: '33', name: 'test3' }, { code: '44', name: 'test4' }, { code: '55', name: 'test5' },];const arrAfter = [ { code: '11', name: 'test1' }, { code: '22', name: 'test2' }, // { code: '33', name: 'test3' }, { code: '44', name: 'test4' }, { code: '55', name: 'test5' },];const remov..
-
JS/자주쓰는 scriptLanguage/Java Script 2022. 10. 28. 14:27
기본 데이터 const items = [ {id: 0, name: 'name0'}, {id: 1, name: 'name1'}, {id: 2, name: 'name2'} ]; const tempItem = { id: 1, name: 'name1' }; findIndex let newItems = [...items]; const findIndex = newItems.findIndex((x) => x.id === tempItem.id); newItems[findIndex].name = '테스트'; Object.values & filter const result = Object.values(items).filter((item) => { if (item.id === tempItem.id) { return true..
-
JS/무한 스크롤(Infinite scroll)Language/Java Script 2022. 7. 29. 08:09
코드를 보시면 아시겠지만 아쉽게도 아직.. jQuery쓰고 IE를 버린지 한달도 안되었다.. OTL.. 당연이 front back이 나눠지지 않았으니 감안해서 보시면 되시겠다. 1. html 2. page script const TEST = { page: 1, limit: 20, scroll: null, init: () => { ... this.scroll = window; this.load(); ... }, load: () => { this.getList(); }, getList: () => { // Infinite 전용 로딩바 show document.querySelector('#divListLoading').style.display = ''; // ajax 호출 ajax({ ... }, succes..
-
JS/Pagination 만들기Language/Java Script 2022. 7. 29. 07:50
새로운 프로젝트를 진행함에 있어서 아래와 같이 페이지네이션 사양이 추가되어 급하게 만들게 되었다. 코드를 보시면 아시겠지만 아쉽게도 아직.. jQuery쓰고 IE를 버린지 한달도 안되었다.. OTL.. 당연이 front back이 나눠지지 않았으니 감안해서 보시면 되시겠다. 1. html 2. page script const TEST = { page: 1, limit: 20, PAGER: null, init: () => { ... const page = parseInt(TEST.page, 10); TEST.PAGER = new PAGER('.divListPagination', page, args => { const {page} = args; TEST.page = page; TEST.getList(); }..
-
JS/string 결합 formatLanguage/Java Script 2021. 3. 19. 12:08
url이나, html 결합할때 코드가 긴건 아름답지 않음으로, 만들었다. 저만 쓰는것 같으니.. 팀에 공유해줘야 겟당! 유틸 /** * 스트링 합체 */ if (!String.prototype.format) { String.prototype.format = function () { var args = arguments; return this.replace(/{(\d+)}/g, function (match, number) { return typeof args[number] != 'undefined' ? args[number] : match; }); }; }; 사용방법 'aaa.com?aaa={0}&bbb={1}'.format(111, 222);
-
JS/date format 다루기Language/Java Script 2021. 3. 19. 12:04
date 표시할때 매번 귀찮다. 공통으로 만들어 사용하고 있다. 유틸 /** * Prototype * * @author djkang * @since 2020. 07. 10. */ /** * Date method attach * @param f * @returns {string|*} */ Date.prototype.format = function (f) { if (!this.valueOf()) return " "; var aWeek = ['일', '월', '화', '수', '목', '금', '토']; var d = this; return f.replace(/(YYYY|YY|MM|DD|W|H24|HH|MINUTE|ss|a\/p)/gi, function ($1) { switch ($1) { case "YYYY..