JavaScript

공휴일 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..

[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..

[Vue] input checkbox value 'Y' 'N'으로 설정

# Vue.js input property 사용하기 checkbox type의 input태그의 기본 값은 true/false이다. DB에서 true/false가 아닌 'Y'/'N'이나 'yes'/'no' 등으로 관리할 경우 input tag property인 true-value와 false-value를 사용한다. v-model을 사용하여 기본 값을 넣어줘야 제대로 들어간다. 주의할 점은 form submit을 할 경우 체크되지 않은 값은 전송되지 않는다. v-model로 바인딩하여 전송한다면 문제없다. 더보기 # 사용 예 ... ... window.app = new Vue({ el: '#app', data: { item: { isSecure: 'N', } }, methods: { writeBoard() ..