본문 바로가기

DEV131

[JavaScript] 요일 구하기 자바스크립트의 Date 객체를 사용하여 무슨 요일인지 알 수 있습니다. new Date(yyyy-MM-dd).getDay() 날짜의 요일은 new Date(yyyy-MM-dd).getDay() 함수를 통해 구할 수 있습니다. 자세한 사용방법은 다음과 같습니다. //ex) getDayOfWeek('2023-04-04') 의 형태로 사용 function getDayOfWeek(yyyyMMdd){ const dayOfWeek = new Date(yyyyMMdd).getDay(); //0:일, 1:월, 2:화, 3:수, 4:목, 5:금, 6:토 return dayOfWeek; } 위 getDayOfWeek함수는 매개변수로 들어오는 날짜의 요일을 구할수있습니다. 날짜의 형식은 yyyy-MM-dd와 같은 형태이며,.. 2023. 4. 4.
[JQuery] $(document).ready 와 $(document).on의 차이(Feat. $(document).ready가 동적 요소 제어하지 못할 경우) $(document).ready $(document).ready(function(){ //이벤트 }) 보통 위 코드와 같은 형식으로 사용됩니다. $(document).ready는 DOM이 준비가 됐을 때 click이벤트를 시작하겠다는 의미입니다. 문제는 동적으로 생성되는 엘리먼트들에 한해서는 $(document).ready가 동작되지 않을 수 있습니다. 그 이유는 이벤트 핸들러(event handler)를 엘리먼트에 직접 바인딩을 하기 때문입니다. 엘리먼트에 직접 바인딩을 하기 때문에 지금 존재하는 태그들만 영향을 받고 새로 동적으로 생성되는 엘리먼트 들은 영향을 받을 수 없습니다. 동적이란? 보통 ajax를 통해 만들어지는 것을 말하며, 기존 DOM이 생성된 뒤 JS, JQuery를 통해서 새로 만들어.. 2023. 3. 22.
[WEB] 웹 브라우저에서 쿠키(Cookie) 확인하기 쿠키(Cookie)란?HTTP 쿠키(웹 쿠키, 브라우저 쿠키)는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각입니다. 브라우저는 그 데이터 조각들을 저장해 놓았다가, 동일한 서버에 재 요청 시 저장된 데이터를 함께 전송합니다.  쿠키는 두 요청이 동일한 브라우저에서 들어왔는지 아닌지를 판단할 때 주로 사용합니다. 이를 이용하면 사용자의 로그인 상태를 유지할 수 있습니다. 상태가 없는 HTTP 프로토콜에서 상태 정보를 기억시켜 주기 때문입니다.      브라우저에서 쿠키(Cookie) 확인하기  엣지브라우저 이외의 브라우저의 경우  키보드의 f12버튼을 누르거나, 웹브라우저 화면에서 마우스 커서 오른쪽을 클릭하면 [검사]라는 메뉴를 통해 개발자도구 창을 활성화시킬 수 있습니다.   위 이미지에서.. 2023. 3. 17.
[Thymeleaf] 타임리프 에서 null과 빈 문자열 확인하기 기존의 null값과 빈 문자열(" ") 확인 기존 방식은 null값과 빈 문자열을 각각 확인하였습니다. #strings. isEmpty를 통한 null값과 빈 문자열(" ") 확인 #strings. isEmpty(확인할 값) 의 형태로 null값과 빈 문자열(" ")을 한 번에 확인할 수 있습니다. 타임리프의 isEmpty 함수는 전달되는 매개변수가 null값인지, 그리고 빈 문자열(" ")인지 확인하여 맞다면 true 아니라면 false를 리턴합니다. 아래의 코드를 통해 자세한 사용 예시를 확인할 수 있습니다. #strings. isEmpty를 통하여 매개변수인 player.num의 값이 null인지 빈 문자열(" ")인지 확인합니다. #strings. isEmpty앞에 not을 붙인 th:if="${.. 2023. 1. 31.
[JQuery] 체크 박스 전체 개수와 선택된 개수 / 체크 처리와 체크 해제 제이쿼리를 이용하여 체크박스 전체 개수와 체크된 개수를 구할 수 있습니다. 또한 체크처리 / 해제 할 수 있습니다. 체크박스의 전체 개수 $("input:checkbox[name=체크박스 NAME]").length 의 형태로 체크박스 전체 개수를 구할 수 있습니다. 위와 같은 체크박스가 있을 때 다음과 같은 제이쿼리를 사용해 checkbox_aaa 체크박스의 전체 개수를 알 수 있습니다. $("input:checkbox[name='checkbox_aaa']").length; 체크박스 체크된 개수 $("input:checkbox[name=체크박스 NAME]:checked").length 의 형태로 체크된 개수를 구할 수 있습니다. 위와 같은 체크박스가 있을 때 다음과 같은 제이쿼리를 사용해 checkbox.. 2023. 1. 27.
[JavaScript] 배열의 특정 값 삭제하기 1. 배열 전체 값 삭제 방법 1 배열 = []; 의 형태로 배열의 전체 값을 삭제(초기화) 할 수 있습니다. 방법 2 배열.length = 0; 의 형태로 배열의 길이를 0으로 초기화하여 전체 값을 삭제(초기화) 할 수 있습니다. //방법 1 //배열 선언 let arr1 = ['aaa', 'bbb', 'ccc']; // 배열 값 전체 삭제 arr1 = []; console.log(arr1.length);//0 출력 //방법 2 //배열 선언 let arr2 = ['ddd', 'eee', 'fff']; // 배열 값 0으로 변경 arr2.length = 0; console.log(arr2.length);//0 출력 2. 배열 첫 번째 값 삭제 자바스크립트의 shift 함수를 사용하여 배열의 첫 번째 값.. 2023. 1. 19.
[Thymeleaf] 동적으로 클래스 지정, 추가하기(th:class / th:classappend) Thymeleaf의 th:class와 th:classappend를 사용하여 동적으로 class를 지정, 추가할 수 있습니다. th:class th:class를 이용하여, 동적으로 class를 지정할 수 있습니다. Text aaa Text bbb Text ccc //player == Y Text aaa Text bbb Text ccc //player != Y Text aaa Text bbb Text ccc th:classappend th:classappend를 이용하여, 기존 class에 동적으로 class 값을 추가할 수 있습니다. Text 1 Text 2 //player == Y Text 1 Text 2 //player != Y Text 1 Text 2 2023. 1. 17.
[MSSQL] 열 이름 '컬럼명'이(가) 불확실합니다. 오류 SELECT 쿼리를 조회하던 중 다음과 같은 오류가 발생하였습니다. 오류메시지 노출 열 이름 '컬럼명'이(가) 불확실합니다. 위와 같은 오류 메시지가 노출되었습니다. 이와 같은 오류는 MSSQL에서 특정 컬럼을 조회할 때 특정 컬럼의 값을 어느 테이블에서 가져올 건지 명확하지 않아서 발생하는 오류입니다. TB_AAA, TB_BBB테이블에서 동일하게 REG_ID이라는 컬럼이 있다고 가정할 경우 아래와 같은 방식으로 쿼리를 조회한다면 REG_ID가 TB_AAA의 것인지, TB_BBB의 것인지 불명확하기 때문에 오류가 발생합니다. SELECT ID , TITLE , CONTENTS , USE_YN , DEL_YN , REG_ID , REG_DT , MOD_ID , MOD_DT FROM TB_AAA A INNE.. 2023. 1. 12.
[JavaScript] 현재 날짜, 특정 날짜 - Date() 자바스크립트의 Date 객체를 사용하여 현재 날짜를 구할 수 있고, 특정 날짜를 구할 수 있습니다. Date() Date 객체는 생성자 함수이며, 날짜와 시간을 가지는 인스턴스를 생성합니다. 생성된 인스턴스는 기본적으로 현재 날짜와 시간을 나타내는 값을 가집니다. 현재 날짜와 시간이 아닌 특정 날짜와 시간을 다루고 싶은 경우, Date 생성자 함수에 명시적으로 특정 날짜와 시간 정보를 매개변수로 지정합니다. Date() 사용 방법 1. 현재 시간 new Date(); 를 이용하여 Date 객체를 생성합니다. var date1 = new Date(); // 현재 날짜 및 시간, Fri Jan 06 2023 16:24:15 GMT+0900 (한국 표준시) 2. 특정 시간 new Date(매개변수); 의 형태.. 2023. 1. 6.
반응형

티스토리툴바