노력하는 개발자 노력하는 개발자

Language/Java Script

• 이전 리스트와 바뀐 리스트중 빠진 값 찾기

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

  Read More
• map에 if문을 넣을때

  Language/Java Script 2023. 3. 29. 16:01

  map에서 if문을 사용하려고 할때 if문을 넣는것 보다 filter를 사용하는게 더 깔끔한것 같아서 정리해 놓아야 겠다. {units.filter((item) => item.UNIT_NO_ORG != contract.BEFORE_UNIT_NO) .map((item, idx) => ( {(() => { return {item.UNIT_NAME}호; })()} ))}

  Read More
• JS/자주쓰는 script

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

  Read More
• 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..

  Read More
• 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(); }..

  Read More
• JS/string 결합 format

  Language/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);

  Read More
• 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..

  Read More
• JS/array_unique, in_array, random integer 만들어 놓고 쓰기

  Language/Java Script 2021. 3. 19. 11:58

  현재 회사 주언어가 php임으로 java, python, php 문법이 계속 헷갈린다. 그래서 그냥 php용으로 공통으로 만들어 두고 쓴다. 유틸 /** * php array_unique 기능 * * @param array * @returns {*} */ CORE.array_unique = function (aArg) { /* // ES6 return aArg.filter((el, pos, arr) => { return arr.indexOf(el) == pos; }); */ return aArg.filter(function (el, pos, arr) { return arr.indexOf(el) == pos; }); }; /** * php in_array 기능 * * @param sSearchText * ..

  Read More