본문 바로가기

전체 글129

[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.
[Thymeleaf] 커스텀 데이터 속성(th:attr) Thymeleaf에서의 커스텀 데이터 사용 JQuery를 통해 커스텀데이터를 지정할 수 있듯이, 타임리프의 th:attr을 사용하여 데이터를 지정할 수 있습니다. [JQuery] 사용자 데이터, 커스텀 데이터(custom data - data-xx의 형태) 커스텀 데이터 HTML5에서는 해당 요소에 사용자가 임의로 지정한 속성값을 활용할 수 있습니다. 이를 커스텀 데이터 속성(custom data attributes)이라고 부르며, data- 뒤에 사용할 변수명을 입력한 뒤 hajoung56.tistory.com th:attr 사용 방법 th:attr = "data-지정하고싶은 데이터 명 = 해당 데이터 값" 위와 같은 형태로 사용할 수 있습니다. 자세한 사용 예시는 아래와 같습니다. 위 코드와 같이 타.. 2023. 1. 5.
[JavaScript] replace is not a function 오류 JavaScript의 replace함수를 사용하던 와중 아래와 같은 경고문이 노출되며 작동되지 않았습니다. 오류메시지 노출 아래 코드와 같이 매개변수로 들어오는 값의 html 태그를 치환시키기 위한 함수를 사용 중이었습니다. escapeHtml = function( text ) { var map = { '&': '&', '': '>', '"': '"', "'": ''' }; return text.replace(/[&"']/g, function(m) { return map[m]; }); }; replace함수는 replace를 하려고 하는 데이터가 parseInt, 즉 숫자일 때에 오류가 발생합니다. 오류 해결 이러한 오류가 발생한다면 매개변수를 문자열로 교체한 뒤 replace 하게 되면 정상적.. 2023. 1. 4.
[JQuery] 상위요소, 부모 요소 찾는 방법(parent, parents, closest) 제이쿼리를 통하여 부모 요소를 선택하는 방법은 대표적으로 세 가지 함수가 있습니다. parent() parents() closest() parent() parent 함수는 해당 요소의 바로 위에 존재하는 하나의 부모 요소를 반환합니다. 아래 예시와 같이, parent 함수를 이용하여 span 태그의 부모요소를 찾을 경우, p태그를 반환하게 됩니다. What is the parent elements? parents() 만약 하나가 아닌 모든 부모요소를 찾을경우에는 parents 함수를 사용합니다. 아래 예시와 같이, parents 함수를 이용하여 span 태그의 부모요소를 찾을 경우, p태그와 div 태그 모두를 반환하게 됩니다. What is the parent elements? closest() clo.. 2022. 12. 29.
반응형

티스토리툴바