개발/Javascript

반응형

    [JAVASCRIPT] 자주 사용하는 date method 정리

    서론 화면 개발하다보며 date를 ui에 맞춰서 노출하거나 데이터를 기본 setting 할일이 자주 있다. 자주 사용하는 부분을 정리하고자 한다. 소스 결론 자주 사용하지만 매번 프로젝트 갈때마다 검색하는것보단 정리하여 바로바로 사용하도록 하자.

    [javascript] axios get통신 시 params 붙여서 set 하기

    서론 api 호출할때 request를 길게 셋팅하던 기존 소스를 보고 수정하고자 정리한다. * vue.js 기준 기존 소스 data(){ return{ searchParam : { test1: '', test2: '', test3: '', test4: '', test5: '', test6: '', test7: '', test8: '', } } } methods:{ search(){ let params = `test1=${this.searchParam.test1}&test2=${this.searchParam.test2}` + `test3=${this.searchParam.test3}&test4=${this.searchParam.test4}` + `test5=${this.searchParam.test5}&t..

    [JAVASCRIPT] recude 반복 중지 break 하기

    서론 개발하면서 자주 사용하던 reduce를 쓰면서 반복을 중지할 때가 간혹 있는데 그것을 정리하고자 한다. 데이터 let reduceList = [...this.items]; let checkData = reduceList.reduce((acc, obj) => { // 5번째 데이터를 가져오는 조건 if(obj.value === 5) { acc = obj; reduceList.splice(1); } return acc; }, {}); 확인 사항 1. 기준되는 items를 깊은 복사하여 reduceList 생성 2. reduceList 를 reduce 하여 조건 체크 3. 조건에 맞을시 reduce 반복을 break 하기위해 splice를 사용하여 reduceList 길이를 1로 핸들링(ex. reduc..

반응형