전체 글

DataTables 사용법 및 예제 ✔️ DataTables는 을 그리드 형식으로 사용하고 표시 건수 제어, 페이징, 정렬, 검색, 필터, 스크롤 기능 등을 제공하는 라이브러리다. DataTables는 서버에서 데이터를 JSON으로 받아 표시할 수 있으며, 아래와 같은 기능이 제공되어 추가할 수 있다. - 표시 건수 제어 기능 - 검색 기능 - 정렬 기능 - 필터 기능 - 스크롤 기능 DataTables - JSON 데이터 테이블에 출력하기 DataTables를 사용하기 위해서는 DataTables의 JS파일, CSS파일, jQuery를 필요로 합니다. [ {"id" : "JSON01", "name" : "제이슨01", "location" : "서울"}, {"id" : "JSON02", "name" : ..

자료구조 큐(Queue) 큐(Queue)의 개념 큐(Queue)는 스택(Stack)과 반대로 '선입선출 FIFO(First In First Out)'의 구조를 가지고 있습니다. 말 그대로 먼저 들어온 것이 먼저 나가는 구조이기 때문에 데이터를 추가한 순서대로 제거할 수 있기 때문에 스트리밍 등 소프트웨어 개발에서 응용되고 있습니다. 좋은 예로 은행의 번호표가 있습니다. 은행에 방문해 기다리는데 늦게 온 손님이 먼저 온 저보다 먼저 업무를 보면 안되겠죠? 이러한 상황 때문에 은행에서는 먼저 온 손님이 늦게 온 손님보다 먼저 서비스를 받게 하기 위해 번호표를 나눠줍니다. 이러한 은행의 번호표의 체계가 큐(Queue)입니다. 큐(Queue)의 연산 1. Enqueue (Insertion) : 큐 맨 뒤에 어떠..

로또의 최고 순위와 최저 순위 - 2021 Dev-Matching: 웹 백엔드 개발자 프로그래머스 2021 Dev-Matching: 웹 백엔드 개발자(상반기) 의 코딩테스트 [로또의 최고 순위와 최저 순위] 로 나온 문제를 풀어보고 풀이를 설명드리겠습니다. 문제 설명 로또 6/45(이하 '로또'로 표기)는 1부터 45까지의 숫자 중 6개를 찍어서 맞히는 대표적인 복권입니다. 아래는 로또의 순위를 정하는 방식입니다. 순위 당첨 내용 1 6개 번호가 모두 일치 2 5개 번호가 일치 3 4개 번호가 일치 4 3개 번호가 일치 5 2개 번호가 일치 6(낙첨) 그 외 로또를 구매한 민우는 당첨 번호 발표일을 학수고대하고 있었습니다. 하지만, 민우의 동생이 로또에 낙서를 하여, 일부 번호를 알아볼 수 없게 되었습니..

JavaScript 클릭 이벤트(click event) 사용법 클릭 시 어떠한 이벤트가 발생하기 위해서는 onclick / click 함수를 사용합니다. 자바스크립트의 클릭 이벤트를 활용하는 방법을 알아보겠습니다. 사용법 1 먼저 HTML 앨리먼트 태그에 onclick="" 을 붙여 사용하는 방법입니다. 클릭하세요. 사용법 2 다음은 자바스크립트로 앨리먼트를 직접잡아 핸들링하는 이벤트 활용 방법입니다. 클릭하세요.

JavaScript - change 이벤트 처리하는 방법 자바스크립트의 onchange() 이벤트는 셀렉트 박스의 값이 변경될 때 자주 사용합니다. selectbox의 옵션을 클릭할 때! 즉, 값이 변경될 때 onchange() 이벤트에서 사용자가 지정한 함수를 호출하여 사용할 수 있습니다. 문법 1 우선 HTML 태그에 직접 onchange를 명시하여 호출하는 방법을 알아보도록 하겠습니다. select 태그에 onchage를 아래와 같이 붙이게 되면 option값이 선택될 때 해당 함수 f_changeFunc(this) 가 호출됩니다. 직무를 선택하세요. 개발 인사 마케팅 직접입력 f_changeFunc 함수를 호출할 때 this로 자기자신을 파라미터로 전달하였기 때문에 해당 스크립트 함수에서는 $(변..

Ajax에서 beforeSend란? Ajax beforeSend beforeSend는 Ajax를 요청하기 직전의 콜백함수이다. 특정기능을 구현할 때 Ajax를 이용하여 해당 API에 직접 접근하여 데이터를 가져오는 상황에서 보안관련 이슈가 생길 수 있다. 해당 API에 접근하려면 header의 token을 전달하여 호출해야 하는 상황일 때, Ajax의 경우 beforeSend 부분을 추가하여 쉽게 처리가 가능하다. Ajax beforSend 문법 beforeSend를 활용하여 jqXHR 객체를 추가/수정 할 수 있으며, 아래의 경우에도 통신 직전에 jqXHR에 헤더값을 추가하여 전송한 것이다. function f_goAjax(config){ // 전달할 token, header 값 var token = ..

프로그래머스 - 두 정수 사이의 합 (Java) programmers.co.kr/learn/courses/30/lessons/12912 코딩테스트 연습 - 두 정수 사이의 합 두 정수 a, b가 주어졌을 때 a와 b 사이에 속한 모든 정수의 합을 리턴하는 함수, solution을 완성하세요. 예를 들어 a = 3, b = 5인 경우, 3 + 4 + 5 = 12이므로 12를 리턴합니다. 제한 조건 a와 b가 같은 경우 programmers.co.kr 문제 설명 두 정수 a, b가 주어졌을 때 a와 b 사이에 속한 모든 정수의 합을 리턴하는 함수, solution을 완성하세요. 예를 들어 a = 3, b = 5인 경우, 3 + 4 + 5 = 12이므로 12를 리턴합니다. 제한 조건 a와 b가 같은 경우는 둘..

SQL Error [1054] [42S22]: Unknown column 'SYSDATE' in 'field list' 해결 방법 위 에러는 단순 문법 에러입니다. 원인 MySql이나 MariaDB 같은 경우SYSDATE를 지원하지 않습니다. 해결방법 SYSDATE를 now()로 변경해 줍니다.