코딩짜는 일상

서론 제가 쓰려고 만들고 웹에 저장해 두는 함수입니다. 저의 지름길(shortcut)~ 사업자번호 표시 정규식 숫자가 10자리 이상인 경우를 상정해 작성했습니다. const saupjaNum = e => { return e.toString().substr(0,10).replace(/^(\d{3})(\d{2})(\d{5})$/, '$1-$2-$3'); } saupjaNum(1234567890123123); // 123-45-67890 숫자만 가져오기 정규식 자주 함께쓰는 함수라 같이 포스팅합니다. const leaveNum = e => { return e.toString().replace(/\D/g, ''); } leaveNum('12n34.56,7'); // 1234567 2가지 함수를 활용하면 다음과 ..

서론 제가 쓰려고 만들어놓고 매번 코드에서 찾기 귀찮아 쓰는 글입니당~ PHP에선 부분 문자열 포함여부를 srtpos()로 확인하는데 javascript는 달라서 자주 찾아보게 되더라구요. 자주 쓰는 기능인데 JS 쓸때만 기억 안 나서 검색하려니 좀 귀찮다고 느껴서 만들어보았습니다. es6 문법으로 수정해보았습니다. Javascript - includes() 자바스크립트에서 부분 문자열 포함여부를 확인할 때 includes()를 사용합니다. 결과값은 boolean ( true/false ) 입니다. 다만 string에만 사용가능하므로 혹~~시나 사용에 주의하세요! '부분 문자열 포함여부 확인~'.includes('문자열'); // true php strpos로 고쳐보기 얼마전 쓴 글대로 strpos()는..

서론 제가 쓰려고 만들고 매번 찾기 귀찮아 블로그에 글을 써보려고 합니다. 최근 배워서 신나게 쓰고 있는 es6 문법으로 만들어봤습니다. 가격 표시, 천단위 콤마 정규식 const commaNum = e => { return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','); } commaNum(1234567); // 1,234,567 숫자만 가져오기 정규식 const leaveNum = e => { return e.toString().replace(/\D/g, ''); } leaveNum('12n34.56,7'); // 1234567

서론 변수를 받아 특정 칼럼을 업데이트할 목적으로 function update_column(){ let event = false; $.ajax({ url: "주소", data: {'변수값': 변수값}, type: 'POST', dataType: 'JSON', success: function(res){ if(res){ const code = res['resultCode']; const msg = res['resultMsg']; event = true; } else{ alert("회신내용 없음"); } }, error: function(xhr, textStatus, errorThrown){ alert("jqXHR:"+xhr+"\ntextStatus:"+textStatus+"\nerrorThrown:"+err..

서론 ajax로 배열을 넘겨야 할 일이 있었는데 제대로 넘어가나 확인하려고 script에 넘기기 전 데이터를 console.log로 출력하도록 코드를 추가했습니다. 하지만 아무리 새로고침을 해도 console에 출력이 없었고 확인삼아 console.log("test") 를 찍어봐도 undefined가 떴습니다. 결론 한참을 테스트해보고 검색해보다가 알게 된 사실... 제가 전날 코드를 검색하다가 Filter 란에 검색어를 남겨뒀는데 그게 원인이었습니다... 진짜 한참을 찾아봤는데... 알고나니 허탈하네요...

메뉴의 서브메뉴를 숨겼다 펼치거나 특정 목차의 컨텐츠 내용을 접었다 펼칠 때 주로 collapse 또는 아코디언을 검색합니다. 찾아보시면 여러가지 방법을 소개하고 있지만 일단 이 글에선 Javascript와 jQuery를 쓰는 방식을 비교해보고자 합니다. 먼저 HTML은 다음과 같습니다. HTML main 1 sub 1 sub 2 sub 3 Javascript 먼저 자바스크립트 입니다. 서브 메뉴의 max-height를 0으로 만들거나 원래 높이로 되돌리는 방식으로 접었다 폈다 하는 컨셉입니다. sub 클래스 스타일에 transition을 추가해주지 않으면 애니메이션 없이 팟 나타났다가 팟 사라집니다. 주의!! jQuery 마지막으로 제이쿼리 입니다. 자바스크립트보다 코드가 훨씬 짧아졌습니다! 서브 메뉴..

(업데이트) html, body 둘다 overflow를 먹인채로 scrollTo를 써야하는 경우가 있어서... 좀 더 고심끝에 새로운 방법을 찾았습니다! - 20220802 #1 원인 스크립트가 동작하지 않는다면 가장 먼저 생각해볼 것은 함수 function 이 제대로 동작하지 않는 것입니다. 함수 안에 console.log('확인문구')를 입력해서 console에 문구가 찍히는지 확인해보면 알 수 있죠. 하지만 문구가 찍히는데도 scrollTo가 안 먹힌다? 1. 이동해야 할 위치값을 못 받음 2. scrollTo로 움직일 스크롤을 잘못 특정함 원인은 이 둘 중에 하나일 것입니다. #2 구조 저는 요소를 클릭하면 javascript를 이용해 지정한 페이지로 이동하는 웹 페이지를 만들었습니다. 2번으로 ..

함수형 function 장_ 보기 편하다. 확인, 취소 여부에 따라 여러가지 함수나 동작을 지시할 경우 작성이 편하다. 단_ 스크립트 태그를 어디 두느냐, 얼마나 자주 수정이 필요한가 두가지 상황에 따라 코드를 읽으러 오가기 번거로워진다. html _ 태그 내부에 작성 장_ 단순히 지정된 페이지로 이동할 지 아닌지 여부만 확인할 거라면 쓰기 좋다. 단_ html 테그 내부에 쓰는거라 기능과 프론트가 구분 안되어 다소 번잡할 수 있다. 삭제