코딩하는 집사

for...in문은 객체의 모든 열거 가능한 속성을 반복한다. Object.prototype.objCustom = function () {}; Array.prototype.arrCustom = function () {}; let iterable = [3, 5, 7]; iterable.foo = "hello"; for (let i in iterable) { console.log(i); // logs 0, 1, 2, "foo", "arrCustom", "objCustom" } for...of문은 모든 객체가 아닌 컬랙션만 반복한다.. Symbol.interator 속성이 있는 컬렉션의 프로퍼티를 반복한다. Object.prototype.objCustom = function () {}; Array.protot..

난 이 문제를 백엔드 개발 면접 때 코딩테스트로 받았던 문제였다. 손코딩으로 작성시간은 10분이 주어졌었다. 결과는 제대로 풀지 못했고, 면접에 떨어졌다.....고 생각하고 이글을 썼었는데... 면접 발표가 좀 늦게 나왔지만 합격하고 아직 잘 다니고 있다 ㅋㅋㅋㅋㅋ 무튼 나중에 다시 이 문제를 풀어보았는데 처음에 이 문제를 보고 8이 들어간 숫자를 세는 문제로 착각해서 이렇게 풀었었다. 아래 코드와 같이 풀이를 하면 예를 들어 8, 88, 818, 888 이런 수도 단위에 상관없이 1개의 카운트로 올라가게 되서 총 카운트 값이 1000이 나왔다. function getCount() { let num = []; for (let i = 1; i

아래 코드는 배열변수 arrayA와 arrayB의 합집합과 교집합, 차집합을 추출하는 함수를 만든 것이다. return 값은 arrayA와 arrayB의 이 둘의 합집합과 교집합, 차집합의 배열의 크기를 합친 배열 변수를 반환한다. 우선 concat을 사용해서 배열 arrayA와 arrayB의 값을 합하여 sum 변수에 담아주었고, filter와 indexOf 를 사용하여 sum의 배열값에서 합집합과 교집합을 구하였다. filter함수는 콜백 함수에 지정된 조건에 맞는 요소를 새롭게 반환한다. 콜백 함수에는 3개의 인자값을 사용할 수 있다. 인자값은 순서대로 value(요소값), index(요소의 인덱스), array(사용되는 배열 객체)이다. indexOf(searchElement, indexOf() ..

function dateFormat(num){ if(!num) return ""; var formatNum = ''; // 공백제거 num=num.replace(/\s/gi, ""); try{ if(num.length == 8) { formatNum = num.replace(/(\d{4})(\d{2})(\d{2})/, '$1-$2-$3'); } } catch(e) { formatNum = num; console.log(e); } return formatNum; } function fn_update(seq) { $.ajax({ url : "/admin/getPopDetail.do", type : "post", data : { seq : seq }, dataType : "json", success : fun..

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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 /* ============================== * anypicker 함수 (년월일) * ============================== */ $.fn.dateAnyPicker = function(option){ var maxDate,minDate ; var el = $(this); if(!option.maxDate) maxDate = false; else maxDate = new Date(option.maxDate[0],op..

=== 타이틀, 컨텐츠 분리된 부분 $(document).on('click', '.accodion .accodion-arrow', function(){ $('.accodion-contents').slideUp(200); if($(this).parent().hasClass('active')) { $('.accodion').removeClass('active'); $(this).parent()removeClass('active'); }else{ $('.accodion').removeClass('active'); $(this).parent().children('.accodion-contents').slideDown(200); $(this).parent().addClass('active'); } }); 1 2 ..

ajax를 활용한 간단한 더보기 페이징 구현입니다. Mysql에서 제공하는 샘플 DB를 활용해서 영화목록 리스트를 만들어봤습니다. VO를 따로 만들지 않고 service와 controller만으로 구현 했으며, 쿼리에 Limit 를 써서 10개씩만 보여주게끔 만들었습니다. 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 Insert title here No 제 목 내 용 ..

JSON형태의 데이터를 객체 변환 후 리스트로 가져오는 방식. 목록 선택시 내용 상세보기와 클릭이벤트를 주어 클릭시 목록에 css가 추가되어 색상이 바뀜. 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 Insert title here .row { background-color : lightgray; } idx name date // $(document).ready(function() { var dataLis..