WEB/JAVASCRIPT

[jQuery] 상품 상세이미지 더보기 접기펼치기 기능 구현 (코드O)

상품정보 더 보기 #detail{height: 500px;} #detail.hidden{height: 200px; overflow: hidden;} a#btnMore{margin: 30px auto; background-color:red; color:white;} .detailMore{position: relative;} .detailMore:before { content: ''; position: absolute; top: -125px; //맞게 조절 left: 0; display: block; width: 100%; height: 96px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0..

[jquery] validation plugin 사용하기

1. 기본 사용법 $('#jyForm').validate({ rules: { userName: { required: true, maxlength: 20 }, pwd: { required: true, minlength: 4, maxlength: 20 }, email: { email: true } }, messages: { userName: { required: "이름을 입력하세요.", maxlength: $.validator.format("이름은 최대 {0}자까지 입력가능합니다.") }, pwd: { required: "비밀번호를 입력하세요.", minlength: $.validator.format("비밀번호는 최소 {0}자이상 입력가능합니다."), maxlength: $.validator.format("..

공휴일 API - 공공데이터 포털에서 공휴일 데이터 조회 -2. API사용

API를 사용하는건 생각보다 훨씬 간단했다. 아래의 활용가이드에서 서비스 오퍼레이션명을 확인할 수 있고, 오픈API상세에서 다양한 개발언어들의 샘플코드를 제공해준다. 가이드를 보니 JSON형식으로도 제공을 하는 듯하다. 공휴일 정보가 필요하기 때문에, 다음과 같은 주소로 요청을 보내도록 하겠다. http://apis.data.go.kr/B090041/openapi/service/SpcdeInfoService/getRestDeInfo?solYear=2023&solMonth=10 &ServiceKey={서비스키} 샘플코드와, 마이페이지 개발계정 상세보기에서 제공하는 데이터 미리보기를 활용해 넥사크로에 맞게 코드를 작성한다. /* Javascript 샘플 코드 */ var xhr = new XMLHttpReq..

공휴일 API - 공공데이터 포털에서 공휴일 데이터 조회 -1. API신청

개발 중인 프로그램에서 외상매출 매출건에 대해 입금예정일, 세금계산서 발행예정일을 적어놓고 당일업무리스트에서 입금처리나 세금계산서를 발행할 수 있도록 해당하는 건들을 보여주고있다. 거래처마다 월말, 매월 15일 이런 식으로 등록되어있는걸 불러오다보니 그 날짜가 공휴일인 경우가 있는데, 직후 영업일에 당일업무리스트에 보일 수 있도록 공휴일 API가 필요했다. 이런 국가관련 정보(?)는 공공데이터 포털에서 API를 제공하고있다. 사용하기 위해서는 서비스코드가 필요한데, 회원가입 후 활용신청을 하면 받을 수 있다. https://www.data.go.kr/ 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고..

[Javascript] 배열에서 교집합, 차집합, 배타적논리합 구하기

두 개 이상의 배열에서 차집합, 교집합, 배타적 논리합 등의 계산을 해야 할 때가 있다. let array1 = [3,6,9,12]; let array2 = [2,4,6,8,10,12]; 다음과 같은 array1, array2가 있다고 가정합니다. # 차집합 array1.filter(x => !array2.includes(x)); filter함수에서 array2에 포함되지 않은 값을 필터링하여 차집합을 구할 수 있다. # 교집합 array1.filter(x => array2.includes(x)); filter함수에서 array2에 포함된 값을 필터링하여 교집합을 구할 수 있다. # 배타적 논리합 array1.filter(x => !array2.includes(x)) .concat(array2.filte..

[JS] 전화번호에 자동으로 '-' 붙이는 정규식

1. ##-####-#### 혹은 ###-####-#### 혹은 ###-###-#### const phone = '01012345678' const phone2 = '0511231234' phone.replace(/^(\d{2,3})(\d{3,4})(\d{4})$/, `$1-$2-$3`); //'010-1234-5678' //'051-123-1234' *주의할 점 숫자만 존재할 때 동작하는 정규식이므로 숫자를 제외한 모든 문자를 제거해줘야 한다. const phone = '01012345678' const phone2 = '0511231234' phone.replace(/[^0-9]/g, '') .replace(/^(\d{2,3})(\d{3,4})(\d{4})$/, `$1-$2-$3`); //'010-1..