본문 바로가기

분류 전체보기159

[Microsoft Edge] 엣지에서 IE(인터넷 익스플로러) 설정하기 인터넷 익스플로러(IE) 11의 데스크톱 애플리케이션은 2023년 2월경 특정 버전의 윈도우10에서 영구적으로 비활성화되면서 2023년 6월경에는 IE 아이콘 등이 윈도우 10을 쓰는 PC에서 아예 사라질 예정입니다. 마이크로소프트에서는 IE 대신 마이크로소프트 에지 Edge를 사용하시길 권장하고 있지만 많은 기업과 학교, 관공서에서는 IE에 특화된 프로그램을 사용하고 있어 마이크로소프트에서는 2029년까지 엣지에서 IE모드를 지원할 예정이므로 IE를 계속 쓰셔야 한다면 엣지에서 IE 모드를 설정하여 사용할 수 있습니다. Microsoft Edge 설정 변경 브라우저 실행 후 설정페이지 진입 방법1 엣지 주소창에 아래 링크를 붙여 넣은 뒤 설정 페이지의 [기본 브라우저] 메뉴로 진입합니다. edge://.. 2023. 3. 15.
[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.
[윈도우] 이모티콘, 이모지 사용 방법 🧐 🌞 윈도우에서 이모티콘(이모지)을 사용하는 방법입니다. 방법 1 window키 + 마침표(.) 키 혹은 window키 + 세미 콜론(;) 키 를 동시에 누르면 아래와 같은 이모티콘 창이 나타납니다. 방법 2 입력 창에 마우스 커서를 위치한 뒤 마우스 오른쪽을 클릭하여 나타나는 메뉴 중 [그림 이모티콘]을 클릭합니다. 그럼 다음과 같이 이모티콘 창이 나타납니다. 윈도우 이모티콘 종류 윈도우 이모티콘은 아래와 같이 3가지 종류로 이루어져 있으며, 각각 종류 하단의 또 다른 분류로 나누어져 있어 다양한 이모지를 활용할 수 있습니다. 1. 이모지 2. 카오모지 3. 기호 2023. 1. 17.
[아이폰] 메일 앱에 네이버 메일 연결하기 메일을 확인하려면 각각의 메일주소로 들어가 확인해야 하는 불편함이 있어 아이폰에서 각각의 메일을 모아 한번에 보기로 결정했습니다. 1. 네이버 계정 설정 1-1. 네이버 검색창에 [네이버id]를 검색하여 [네이버 내정보 관리]를 클릭합니다. 1-2. 그 뒤 왼쪽의 [보안설정] 메뉴를 클릭한 뒤 오른쪽의 [2단계 인증] 부분의 [관리] 버튼을 클릭합니다. 1-3. 이동된 화면에서 [애플리케이션 비밀번호 관리] 부분에 [아이폰]을 선택한 뒤 비밀번호 생성 옆 [생성하기] 버튼을 눌러 하단 생성된 비밀번호를 확인합니다. 2. 생성한 애플리케이션 비밀번호를 아이폰에 입력하여 메일 연동 2-1. 아이폰 메뉴에서 톱니바퀴 모양의 설정 아이콘을 클릭하여 설정 메뉴로 진입합니다. 그 뒤, [Mail] 메뉴를 눌러 진입.. 2023. 1. 13.
[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.
반응형