![]()
lightpick 기본 사용법은 https://truthz-z.tistory.com/30 [API] lightpick 달력 라이브러리(1) lightpick은 달력에서 날짜를 선택할 수 있는 라이브러리입니다. 보통은 달력 라이브러리로 datepicker를 많이 사용하는데 저는 많은 기능이 필요하지 않아서 lightpick을 사용했습니다. 현재는 lightpick truthz-z.tistory.com 이번에는 lightpick으로 이미 예약된 날짜를 선택 하지 못하게 하는 기능입니다. 제가 첫 프로젝트를 끝낼 때 구현하지 못했던 부분인데 이제 아주 약간 짬이 차서 그런지 결국 해결을 하긴했습니다. lightpick을 구글링해도 정보가 잘 나오지 않아서 힘들었는데 저와 같은 고민을 겪고 있으신 분들을 위해 ..
lightpick은 달력에서 날짜를 선택할 수 있는 라이브러리입니다. 보통은 달력 라이브러리로 datepicker를 많이 사용하는데 저는 많은 기능이 필요하지 않아서 lightpick을 사용했습니다. 현재는 lightpick이 종료되고 easypick으로 변경된 것 같은데 저는 기록용으로 남겨놓겠습니다.ㅎㅎ? 아마 lightpick은 날짜 관련 라이브러리 moment를 사용하는데 더이상 moment가 업데이트 되지 않기 때문에 프로젝트를 종료한 것 같습니다. 뇌피셜입니다. 들어가보니 lightpick과 사용방법은 비슷한 것 같습니다. https://easepick.com/ easepick easepick.com 제가 프로젝트에서 구현하려고 했던 기능은 예약 날짜 범위를 선택하는 기능과 이미 예약된 날의 ..
![]()
팀 프로젝트를 할 때 다른 팀원이 사용한 웹 에디터인데 UI가 깔끔하고 기능도 기본에 충실한 API라서 내 프로젝트에 적용하면서 사용법을 정리해보았다. 다른 CSS와 충돌하지 않게 lite 버전을 사용했다. 썸머노트 공식 홈페이지 https://summernote.org/ Summernote - Super Simple WYSIWYG editor Super Simple WYSIWYG Editor on Bootstrap Summernote is a JavaScript library that helps you create WYSIWYG editors online. summernote.org 1. 소스 다운로드 Getting started 탭에 들어가면 소스를 다운 받을 수 있다. 프로젝트 resources >..
미디어 쿼리를 배우긴 배웠는데 중요성을 느끼지 못하고 있다가 이번 프로젝트에 사용해보려고 공부해보았다...ㅎㅎ; 오랜만에 보니 이런게 있었지 싶네.. 미디어 쿼리란? 접속하는 디바이스나 뷰포트에 따라 특정 CSS 스타일을 지정하는 방법입니다. @media 키워드를 사용합니다. @midia [only | not] 미디어 유형 [and 조건] * [and 조건] - only : 미디어 쿼리를 지원하지 않는 웹 브라우저에서는 미디어 쿼리를 무시하고 실행하지 않습니다. - not : not 다음에 지정하는 미디어 유형을 제외합니다. - and : 조건을 여러개 연결해서 추가할 수 있습니다. 미디어 유형 - all : 모든 장치에 적합합니다. - print : 인쇄 결과물 및 출력 미리보기 화면에 표시중인 문서에..
![]()
아임포트는 번호 인증과 결제등을 연동할 수 있도록 하는 서비스 입니다. PG사와 직접 연결 할 수도 있고 아임포트를 통해 연동할 수도 있습니다. 1. 아임포트 사이트 ( https://www.iamport.kr ) 에 접속하셔서 시작하기를 클릭하고 회원가입, 로그인 2. 상점,계정 관리 탭을 클릭하고 관리자 계정 추가 3. 결제 연동 탭을 클릭하고 테스트 연동 관리 - 결제 대행사 설정 테스트 결제를 사용하면 결제가 되지만 자정에 자동으로 환불됩니다. 저는 KG이니시스와 카카오페이를 사용했습니다.KG이니시스 - KG이니시스 추가카카오페이 - 카카오페이 추가 KG이니시스를 추가하면 신용카드, 실시간 계좌이체, 가상 계좌, 휴대폰 결제를 사용할 수 있고카카오페이를 추가하면 간편 결제를 사용할 수 있습니다. ..
