CODE CAVE

"100,000,000" 처럼 숫자 3자리 마다 숫자를 넣는 방법에 대한 포스팅 입니다. 특히 돈 이나 숫자를 많이 나타내는 웹사이트를 개발할 때 필요한 경우가 많더라구요. 1. toLocalString()을 이용하는 방법 저는 이 방법을 주로 씁니다. 가장 간편하더라구요. let order_price = 100000000; order_price.toLocaleString("ko-KR"); 파라미터로 넘기는 "KR"이 있는 이유는 숫자를 또 다르게 표시하는 국가도 있나봅니다. 매우 특수 케이스라, 왠만한 평범한 프로젝트는 ko-KR이나 en-US을 사용하시면 될것 같습니다. 혹, 이 함수에 대해 자세히 알고 사용하고 싶으신 분들은 아래 링크 참고가 가능합니다 :) https://developer.mozi..

콤마 삭제 함수 rm_comma(number)//콤마 삭제 function rm_comma(num){ var number = num + ""; return number.replace(",",""); } 먼저 파라미터 이름이 num 이라서 숫자만 받아올 것 처럼 짜놓긴 했는데요~ 문자열을 넘기든 숫자를 넘기든 어차피 num + "" 을 해서 문자열로 만들기 때문에 상관은 없습니다. 파라미터를 문자열로 만들고 거기서 "," 를 ""(공백)으로 replace 해서 return 하는 것 입니다. -- 웹 사이트를 만들다보면 콤마를 삭제하는 경우가 종종 있는데요~ 이건 제 얘기입니다만.. 어디 회사에 새로 들어가게 되었는데 디비 설계가 잘못 되어있었습니다. Database 의 상품 테이블의 1 상품이 1 필드에 ..

로그인 할때 아이디 저장 기능은 많이들 쓰죠!아이디 저장 기능을 제공하지 않는 사이트를 찾는게 더 힘든 요즘 입니다. 이번에 제가 값 저장 기능. 다시 한번 개발하면서 사용한 소스를 공유 하려고 합니다~ 값의 저장에는 여러가지 방법이 있죠.PHP의 세션으로 웹서버에 어떤 값을 키와 함께 저장할 수 있지만클라이언트 단에서 쿠키의 사용도 가능합니다! 자바스크립트가 있기에 가능한 일이죠. 이번에 포스팅 할 것은 이 쿠키를 사용하여 어떤 값을 키:값 형태로 브라우저에 저장해서 사용 해보는 것을 보여 드리려고 합니다. 일단 쿠키의 생성(setCookie), 삭제(deleteCookie), 얻기(getCookie)는 인터넷에 여기저기 퍼져있는 자바스크립트 소스 그대로 가져왔습니다! 뛰어나신 프로그래머들이 매우 많기..

웹을 개발하다보면 (웹이 아니여도) 여러모로 문자열 자르기는 거의 매번 하는 작업중 하나죠! 그래서 문자열을 자르는 상황을 대표적인 두가지로 정리해봤습니다! 1첫번째 문자열을 자르는 경우는 어떤 제목을 몇글자 출력하고 "..." 을 붙혀주고 싶은 경우.(substr 함수 사용) if(input.length >= 14){ return input.substr(0,14)+"..."; }위는 14글자 이상이면 첫번째 글자부터 14번째 글자까지 자르고 + 연산자로 뒤에 "..." 을 붙혀주는 내용입니다. 좀 더 상세하게 설명 드리자면 자바스크립트의 객체에는 기본적으로 length라는 프로퍼티가 있습니다. 이 프로퍼티는 그 객체가 문자열일 경우 그 문자열의 문자 갯수를 가지고 있습니다. 위 if 문에서는 이 프로퍼..

이번에 소개 해드릴 것은 swiper 라는 라이브러리 인데요~ 간단하게 이미지 슬라이더를 구현 할 수 있는데 여기에 터치 스와이프 까지 지원해서 모바일에서 쓰기에도 매우 적합하다고 보여집니다~ 저도 실제로 한개의 데스크탑 슬라이드와 한개의 모바일 웹 사이트에 적용해봤는데 매우 자연스럽고 확장성도 좋았습니다. 공식 사이트는 여기 이구요. 스와이프 라이브러리 사용법은 아래와 같습니다. new Swiper('.container', { pagination: '.swiper-pagination', paginationClickable: true, spaceBetween:0, loop: true, }); 위 처럼 작성 해주시면 자바스크립트 쪽은 끝 입니다. 매우 직관적이죠? 객체를 생성하면서 생성자에 인수를 넘기는 ..