본문 바로가기

전체 글136

[윈도우] 이모티콘, 이모지 사용 방법 🧐 🌞 윈도우에서 이모티콘(이모지)을 사용하는 방법입니다. 방법 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.
[JavaScript] 버튼에 강제 클릭 발생 시키기 - click() 자바스크립트를 통하여 강제로 클릭 이벤트를 발생시킬 수 있습니다. click 함수 자바스크립트의 click 함수는 사용자가 클릭을 하지 않아도 강제적으로 클릭 이벤트를 발생시키는 함수입니다. 아래와 같은 형태로 사용할수있습니다. element.click() 자세한 사용 예시는 아래 코드를 통해 확인해볼 수 있습니다. 페이지 진입 시, document.getElementById('btn_aaa').click(); 코드가 실행됩니다. 1) id의 값이 btn_aaa 인 버튼에 click함수를 걸어주게 됩니다. 2) click함수로 인하여 id의 값이 btn_aaa 인 버튼이 눌려지게 됩니다. 3) 해당 버튼이 onclick 이벤트로 가지고 있는 afterBtnClick 함수가 실행되게 되어 "btn_aaa .. 2022. 12. 29.
[JQuery] 사용자 데이터, 커스텀 데이터(custom data - data-xx의 형태) 커스텀 데이터 HTML5에서는 해당 요소에 사용자가 임의로 지정한 속성값을 활용할 수 있습니다. 이를 커스텀 데이터 속성(custom data attributes)이라고 부르며, data- 뒤에 사용할 변수명을 입력한 뒤 사용할수있습니다. 커스텀 데이터 생성 아래와 같은 형태로 커스텀 데이터를 만들수있습니다. data-사용하고싶은 명칭 아래 코드와 같이 커스텀 데이터를 생성할 수 있습니다. data-player-1, data-player-2, data-player-3이라는 커스텀 데이터를 생성하여 각각의 값을 입력하였습니다. Son Kane Kulusevski 커스텀 데이터 추출 아래와 같이 jQuery를 통하여 커스텀 데이터의 값을 추출할 수 있습니다. 선택자.data(커스텀 데이터 명); $('li'.. 2022. 12. 23.
반응형

티스토리툴바