글을 잠깐 혼자 써봤던 진성 프로그래머 글을 잠깐 혼자 써봤던 진성 프로그래머

Programing Language/JavaScripｔ

• Javascript) placeholder 줄바꿈 하는 방법

  Programing Language/JavaScripｔ 2021. 12. 16. 16:49

  줄바꿈 위치에 [ ] 을 넣어주세요. 도움 되셨다면 하단의 광고 버튼 눌러주시면 감사하겠습니다. :)

  Read More
• Javascript) 바닐라 자바스크립트로 img에 fade in 효과 주기

  Programing Language/JavaScripｔ 2021. 12. 10. 15:47

  커스텀해서 쓰실려면 src 넣는 부분에서 약간의 수정이 필요합니다 function imageLoad(targetElement) { const imgElement = targetElement; // data-lazy 에 지정된 이미지 경로를 에 셋팅 합니다. imgElement.setAttribute('src', imgElement.getAttribute('data-lazy')); imgElement.style.opacity = 0; function fadeIn() { var opacity = 0; imgElement.removeAttribute('data-lazy'); var intervalID = setInterval(function() { if (opacity < 1) { opacity = opaci..

  Read More
• Javascript)배열의 원하는 index를 맨 첫 index로 옮기기

  Programing Language/JavaScripｔ 2021. 12. 10. 15:44

  Array.prototype.move = function(from, to) { this.splice(to, 0, this.splice(from, 1)[0]); }; var test = [1,2,3] test.move(1,0) console.log(test) //[2,1,3] 도움되셨다면 하단의 광고 클릭 부탁드립니다~:)

  Read More
• Javascript) 말줄임 효과 여러줄 만들기

  Programing Language/JavaScripｔ 2021. 12. 9. 21:07

  동해물과 백두산이 마르고... /* CSS */ .ellipsis1 { width:100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 두 줄 효과 예시) 동해물과 백두산이 마르고 닳도록 하나님이 보우하사 우리나라 만세... .ellipsis2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; //

  Read More
• Javascript)숫자에 컴마 넣어서 날짜 넣기

  Programing Language/JavaScripｔ 2021. 12. 9. 20:35

  var numberInt = 20211209 const date = `${numberInt.substr(0,4)}.${numberInt.substr(4,2)}.${numberInt.substr(6,2)}` console.log(date); //20211209 도움되셨다면 하단의 광고 클릭 부탁드립니다 :)

  Read More
• Javascript) 전화번호 문자열에 하이픈 넣기

  Programing Language/JavaScripｔ 2021. 12. 6. 17:42

  코드 // ^(\d{2,3})(\d{3,4})(\d{4})$ String.replace(/^(\d{2,3})(\d{3,4})(\d{4})$/, `$1-$2-$3`); 00-000-0000 또는 000-0000-0000 같은 상황에서 적용됩니다. 도움 되셨다면 하단에 광고 한번 클릭 부탁드립니다 :)

  Read More
• Javascript) Array에서 value 값 제거하기(remove)

  Programing Language/JavaScripｔ 2021. 11. 25. 15:08

  일바적으로 javascript에서 array에 remove를하면 value값을 지울수 있다. 하지만 remove로 지우게 되면 array전체 length에 대한 값은 변하지 않는다. 하여 다음과 같은 방법으로 진행하면된다. const idx = array.indexOf(e) // e는 value 값 if (idx > -1) array.splice(idx, 1) 도움 되셨다면 하단의 광고 클릭 부탁드립니다:)

  Read More
• JavaScript) Express에 Redis로 Cache 적용해보기

  Programing Language/JavaScripｔ 2021. 11. 14. 23:01

  사용자들이 공통적으로 자주 요청하게 되는 end-point의 데이터는 미리 Cache해놓으면, 다음번에는 더 빠르게 데이터를 응답해줄 수 있습니다. 그럼 Express에서는 Caching을 어떻게 진행할까요? Redis를 사용하여 진행합니다. Redis? Redis는 Remote Dictionary Server의 약자로, "key-value" 구조의 데이터를 저장하고 관리하는 비관계형 데이터베이스 관리 시스템입니다. 메모리에서 데이터를 처리하기 때문에 속도가 상당히 빠릅니다. 그래서, 이번 포스트에서는 Redis에 데이터를 저장하고 캐싱해보겠습니다. Redis 설정하기 redis 설치하기 이 부분은 인터넷 검색으로 하실 수 있으니 대체. redis 패키지 설치 yarn add redis 혹은 npm in..

  Read More