본문 바로가기

IT_Developers1149

jQuery UI - datepicker 특정 요일 선택하지 못하게 하기 / 데이트피커로 주말 선택 막기 안녕하세요. 고코더 입니다. datepicker에서 특정 요일의 선택을 막는 방법을 알아보도록 하겠습니다. 해당 방식은 데이터 피커에서 제공하는 beforeShowDay기능을 통해 제어가 가능합니다. ● 1. 간단한 예시로 설명을 드리겠습니다. . beforeShowDay를 실행하고 date.getDay()를 가져옵니다. 해당 값은 0:일요일~6:토요일까지 숫자를 반환하고 이에 대해 return 처리를 하면 쉽게 구현이 가능합니다. 비활성하고 싶은 요일의 코드만 남기고 아래 소스를 사용하시면 적용이 빠르실 거 같습니다. $("#calendar").datepicker({ beforeShowDay: function(date){ /* 일요일만 선택 불가 */ return [(date.getDay() != 0).. 2021. 11. 1.
브라우저 캐시 테스트 사이트 안녕하세요. 고코더 입니다. 재밌는 사이트를 하나 알게 되어 공유합니다. 개발할 때 항상 캐시는 의문점이 많습니다. 언제 사라지고, 삭제되는지 새로고침 몇 번을 해야 캐시가 비워지는지 의문이 듭니다. 각 브라우저마다 자신들만의 정책이 있기 때문에 직접 테스트해보는 게 가장 좋은 방법이라고 생각합니다. ● 1. 그런데 그런 브라우저 캐시를 테스트할 수 있는 재밌는 사이트가 있어 공유합니다. https://framework.xenosi.de/cachetest/ 브라우저 캐시 테스트 브라우저에 캐시되는 조건을 테스트 하는 페이지 입니다. etag, last-modified, if-modified-since, if-none-match framework.xenosi.de ● 2. 해당 사이트에 세서 요소 캐시 상.. 2021. 11. 1.
JavaScript - Intl.NumberFormat을 이용하여 숫자 표현하기 / 내장 함수를 이용해 천단위 콤마 찍기 안녕하세요. 고코더 입니다. 이전 시간에 자바스크립트에서 3자리마다 콤마를 찍어 금액을 표현하는 정규식을 만들어봤습니다. 그런데 최신 브라우저에서는 복잡한 정규식을 쓰지 않아도 NumberFormat 함수를 이용해 각 나라에 맞는 통화 방식으로 숫자를 표현할 수 있습니다. 한번 실습해보겠습니다. ● 1. 가장 기초적인 방법입니다. 아무런 옵션을 주지 않으면, 해당 통화 기호는 US가 되고 우리나라와 같이 천 단위마다 콤마를 찍어 반환 합니다. let num = new Intl.NumberFormat().format('10000000000') console.log(num); ● 2. 결과 화면입니다. 이제 천단위 콤마를 한 줄로 해결이 가능합니다. ● 3. 그럼 다른 나라에 통화로 표현해보겠습니다. 독일과.. 2021. 11. 1.
JavaScript - 자바스크립트에서 trim() 기능 사용법 / 문자열 양쪽 공백 제거 안녕하세요. 고코더 입니다. trim()은 문자열 처음과 끝에 불필요한 공백을 제거하는 함수입니다. 자바에서도 ASP에서 많이 사용하는 문자열 기능이었습니다. 하지만 자바스크립트에서는 아쉽게도 trim 기능이 없습니다. (jQeury에는 존재하지만) 그래서 이번 시간에는 이가 없으면 잇몸으로 trim을 사용하는 방법을 알아보겠습니다. ● 1. 정규식을 이용해 간단하게 문자열에 공백을 제거해보겠습니다. 함수로 만들어 사용도 가능하지만 tirm()처럼 간단하게 문자열에 붙여 바로 사용할 수 있도록 코딩을 해보았습니다. let data = ' gocoder '; data.replace(/^\s+|\s+$/g,"") ● 2. 결과는 우리가 알던 그 기능처럼 잘 사용 됩니다. 2021. 11. 1.
JavaScript - 1000자리(3자리) 마다 콤마 찍기 안녕하세요. 고코더 입니다. 자바스크립트에서 보통 금액을 나타낼 때 "000" 있을 때마다 쉼표를 찍어서 표현합니다. 이 방식을 정규식을 이용해 한번 표현해보도록 하겠습니다. ● 1. 함수를 만들어 사용하도록 코딩을 하였습니다. 특정 숫자가 들어오면 이를 정규식을 이용해 "0"이 세 개가 있을 때마다 쉼표를 찍어줍니다. function setCommas(number) { return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } ● 1. 결과 화면처럼 큰 숫자가 들어와도 정확히 세 자리마다 콤마를 찍어주므로, 쉽게 금액을 표현할 수 있습니다. 2021. 11. 1.
ASP(Active Server Pages) 공부하기 좋은 무료 사이트 안녕하세요. 고코더 입니다. 클래식 ASP, 일명 Active Server Pages를 사용하는 회사가 아직도 꽤 많은 거 같습니다. 저도 처음 회사에서 ASP와 닷넷을 동시에 사용했던 기억이 납니다. (지금은 자바만..) 그래서 오늘은 옛날 언어이지만 여전히 필요한 분을 위해 ASP를 공부할 수 있는 사이트를 소개합니다. ● 1. 바로 태요넷에 asp 강의 게시판입니다. http://www.taeyo.net/Columns/View.aspx?SEQ=133&PSEQ=12&IDX=7 TAEYO.NET 강좌 목록으로 돌아가기 필자의 잡담~ 안녕하세요? taeyo입니다. 이 강좌는 기존의 강좌와는 사뭇 틀릴지도 모르겠네요...왜냐하면, 이 부분은 제 책(Taeyo's ASP 입문)의 한 Chapter를 그대로 .. 2021. 11. 1.
Mustache - 머스테치에서 if를 사용할 수 있을까? 안녕하세요. 고코더 입니다. 머스테치에서 if를 사용할 수 있을까? 라는 생각을 한번쯤 해보시는 경우가 있을 것입니다. 우선 결과를 말씀드리면 이 템플릿 엔진에서는 if 기능을 제공하지 않습니다. 단순히 화면에 데이터를 랜더링 하는 엔진이기 때문입니다. 그래서 데이터를 담기 전이나 후에, 전처리, 후처리에서 if를 사용하는 것이 맞다고 할 수 있습니다. 그래도 아쉬운 분을 위해 머스테치에서 if처럼 사용할 수 있는 방법을 알아보도록 하겠습니다. ● 1. 아래 코드를 확인해보겠습니다. 데이터가 있을 경우에는 gocoder.png를 보여주고 없을 경우에는 noimage.png를 보여주는 if 문법의 가장 기초적인 모습을 따라 했습니다. 하지만 이렇게까지가 최선이고 조건을 비교하는 기능은 없습니다. 다시 말하.. 2021. 11. 1.
Mustache - 머스테치 주석 사용법 // {{!}} 안녕하세요. 고코더 입니다. 템플릿 엔진 머 스테치에서도 주석이 사용이 가능합니다. 물론 주석이라고 하기보다는 화면에 노출하지 않게 해주는 역할을 하는 기능을 제공합니다. (음 그 말이 그게 주석이네요) 머스타 치를 사용하면서 가끔은 사용할 수 있을 거 같아서 남겨봅니다. ● 1. 사용법은 간단합니다. 느낌표를 사용하면 됩니다. {{! 주석}} "!" 하나면 데이터를 보이지 않게 처리가 가능합니다. {{!주석}} 필요에 따라서 주석을 사용하여 랜더링을 멈춰 보세요! 2021. 11. 1.
intellij - 인텔리제이 업데이트 확인 하지 않기 / 업데이트 중지 안녕하세요. 고코더입니다. ● 1. 인텔리제이만큼 업데이트를 부지런히 하는 IDE도 없을 거 같습니다. 심심하면 업데이트 알림이 뜨고, 재시작을 추천합니다. 매번 새로운 업데이트를 할 때마다. 좋은 기능들이 나타나지만 가끔은 꽤 귀찮습니다. 그래서 업데이트 기능을 꺼놓는 방법을 알아보도록 하겠습니다. ● 22. 인텔리제이에서 Settings를 실행합니다. 윈도 단축키 alt+ctrl+s입니다. 그리고 update라고 검색을 하면 "System Settings" 아래에 "updates"라는 메뉴가 나타납니다. 여기서 다양한 업데이트 옵션을 확인할 수 있습니다. ●3. 아래 그림처럼 체크박스를 모두 체크 해제하고 환경 설정을 저장합니다. Apply를 누르면 이제 업데이트를 체크하지 않게 됩니다. 그래도 업데.. 2021. 11. 1.

티스토리툴바