[javascript]유튜브 주소(url)에서 id 값을 추출해 iframe 으로 변환하기

youtube id 추출하기 적용 해제적용 버튼 클릭후 미리 동영상 플레이를 해보시고 꼭 외부에서 플레이가 가능한 상태인지 확인하세요.우선 유튜브 주소를 입력받을 타입이 text 인 input을 하나 만들고 적용버튼과 해제버튼도 만들어 주었다.   적용버튼을 누르면 유튜브 주소를 가져와 정규식으로 고유 id값을 추출한다.추출한 id값은 iframe 요소로 만든후 저장할 input 값에 넣어준다.그리고 사용자가 유튜브 주소값을 수정하지 못하도록 input 창은 readonly 속성을 true 상태로 바꿔준다.마지막으로 적용 버튼은 가려주고 해제버튼은 나타나게 한다.해제 버튼을 누르면 input 창의 readonly 속성을 false 상태로 바꾼 후 미리 보기 했던 div는 empt..

• format_list_bulleted developer life/javascript
• · 2024. 11. 8.
• textsms

티스토리 주소 url 변경 및 이름 닉네임 설명 수정하기 그리고 폐쇄

티스토리 주소(URL)는 과거에는 url 변경이 가능 했지만 2021년 이후로 변경이 불가능하게 됐다. 그래서 하나의 블로그만 운영하고 싶다면 현재 사용중인 블로그를 폐쇄한 후 다시 만들어야 한다.단 새로운 블로그를 추가하지 않고 운영중인 블로그가 1개인 경우 블로그 폐쇄와 동시에 회원 탈퇴가 이루어진다.자동 탈퇴가 되지 않게 하려면 블로그를 하나 더 만든 후  탈퇴를 진행해야 한다. 블로그 이름, 닉네임, 설명 바꾸는 방법블로그의 이름, 닉네임, 설명은 관리->블로그->블로그 설정메뉴에서 수정이 가능하다.변경사항을 기입하고 변경사항 저장버튼을 누르면 수정된 내용이 내 블로그에 반영된다.블로그 설정메뉴에서는 아이콘과 파비콘도 수정가능하니 참고하기 바란다.   폐쇄 및 백업하기관리->블로그->데이터관리->..

• format_list_bulleted blog
• · 2024. 11. 8.
• textsms

[javascript/Jquery]상단 이동 스크롤 버튼 만들기(Top 버튼)

웹사이트의 페이지가 길어질경우 사용자는 마우스 스크롤을 여러 번 해야만 페이지 상단으로 올라갈 수 있다.그래서 굉장히 번거러울수 있는데 스크롤 이동 버튼을 페이지 하단에 만들어 놓으면 사용자는 클릭 한 번으로  페이지 상단으로 이동가능하게 된다.javascript를 이용한 top 버튼 예제Top 이동 버튼Top Jquery를 이용한  top 버튼 예제 let topBtn = $('#topBtn')$(window).scroll(function(){ if ($(this).scrollTop() > 100){ topBtn.show(); } else{ topBtn.hide(); }})function topMove() { $('html, body').animate..

• format_list_bulleted developer life/javascript
• · 2024. 11. 7.
• textsms

[java]Dropzone.js 이미지&파일 다중 업로드 예제

Dropzone.js란드래그 앤 드롭 이벤트가 가능한 javascript 라이브러리이다.완전한 오픈소스이며 웹사이트에서 서버에 파일을 쉽게 올릴 수 있는 것이 장점이다.또한 다중 멀티 업로드도 지원한다.  Dropzone.js  기본사용법 Jquery를 이용해 드랍존을 생성했다.우선 드랍존을 생성할 태그에 id 값을 선언해 주고. dropzone 클래스를 추가해 준다.그리고 내가 필요한 옵션을 추가한다. 주요 옵션 옵션설명url업로드 urlmethodrequest 메소드 선택headers요청 헤더 설정autoProcessQueue자동으로 보내기clickable클릭 가능 여부autoQueue바로 서버에 전송할지 설정createImageThumbnails파일 업로드시 썸네일 생성 여부thumbnailHeig..

• format_list_bulleted developer life/java
• · 2024. 10. 29.
• textsms

[intellij] 대소문자 변환 해주는 단축키 및 변경

대문자를 소문자로 변환하기windowCtrl + Shift + UMacCommand + Shift + U 대소문자변환 단축키 설정단축키를 사용해도 변환이 되지 않는다면 직접 단축키를 지정해서 사용할수도 있다.[File] -> [Settings] -> [Keymap] 메뉴에서 toggle로 검색후 Toggle Case를 선택한다.우클릭을 한후 Add Keyboard Shortcut을 선택하고 본인이 사용할 단축키를 지정한다.

• format_list_bulleted developer life/tools
• · 2024. 10. 29.
• textsms

모바일 건강보험증 발급 방법 및 다운로드

2024년 5월 20일부터 건강보험 본인 확인 의무화제도가 시행됐다. ( 국민건강보험법 제12조 제4항 개정 ) 정부에서는 건강보험 무자격자가 타인의 명의를 도용하여 건강 보험 급여를 받는 등의 행위가 지속되자 이를 막기 위해  건강 보험이 적용되는 진료 등을 받을때에는 신분증 등으로 본인확인을 하여야만 건강보험 급여를 적용받을 수 있게 하였다. 이에 따라 이제는 병·의원 진료 시 무조건 신분증이 필요하다. 신분증이 없으면 진료를 받을수 없나?신분증을 지참하지 않아도 진료를 받을 순 있다.하지만 건강보험이 적용되지 않아 환자가 내야 할 진료비 부담이 크게 늘어나게 된다.이 경우에는 병원에서 받은 영수증을 잘 챙겨두었다가 14일 이내에 신분증과 진료비 영수증 등을 진료받은 병원에 제출하면 건강보험이 적용된..

• format_list_bulleted tips
• · 2024. 10. 23.
• textsms

[jsp]sql과 jstl를 활용해 현재 날짜와 시작일 마감일 비교하기

sql을 활용해 비교하기SELECT *,CASE WHEN(START_DATE   now()) THEN 'Y' ELSE 'N' END as 원하는 필드명FROM 테이블명sql를 이용하는 경우 case when 조건문을 활용해 원하는 필드명으로 값을 받아온 후 처리해  줄수 있다.            (진행중)               (접수완료)     jstl을 이용해 비교하기jstl을 이용하려면 페이지 상단에 jstl 태그 라이브러리를 기입해줘야 한다. java util  클래스의 데이트를 활용해 현재 시간을 구한다.날짜 비교를 하려면 패턴을 맞춰줘야 하는데 를 이용하면 날짜 정보를 담고 있는 객체를 포맷팅해 원하는 형식으로 출력할수 있다. 속성표현식/EL타입설명value사용가능java.util.Dat..

• format_list_bulleted developer life/java
• · 2024. 10. 21.
• textsms

카카오톡 오픈채팅 차단 방법 - 미성년자 보호 조치 신청

카카오톡 오픈 채팅이란?카카오톡 오픈채팅은 전화번호나 톡 Id 등 친구 추가 없이도 링크로 상대방과 채팅을 할 수 있는 기능이다. 비슷한 관심사를 통한 다양한 정보를 얻을수 있는 반면 무분별하게 채팅방에 참여가 가능하기에 어린아이들에겐 각별한 주의가 요구되기도 한다. 카카오톡 오픈 채팅 차단 방법카카오톡 오픈채팅을 차단하는 방법에는 2가지가 있다.가격차단 방법 무료카카오톡 고객센터 - 미성년자 보호조치 접수( 180일 )안드로이드폰,아이폰 둘다 가능유료모바일 펜스 차단앱 이용하기안드로이드폰만 가능 첫번째로 카카오톡 고객센터에 오픈채팅 미성년자 보호 조치를 할 수 있다. 안드로이드, 아이폰 둘 다 차단이 가능한 것이 장점이지만 180일이 지난 후에는 자동으로 보호조치가 해제되기 때문에 재차 신청해야 하는 ..

• format_list_bulleted tips
• · 2024. 9. 29.
• textsms

네이버 현대카드 혜택(플러스 멤버십 혜택으로 웹툰 쿠키 얻자)

네이버 현대카드는 온라인 결제수단으로 네이버페이를 주로 이용하는 사용자에게 꽤나 매리트가 있는 카드이다.전월 이용금액 30만 원 이상만 결제한다면 네이버 플러스 멤버십 무료 이용권도 매달 지원받고 포인트까지 넉넉하게 적립받을 수 있다. 네이버 현대카드 혜택 1. 네이버 플러스 멤버십 무료 이용권 지급(전월 이용금액 30만 원 이상 사용 시에만 혜택이 제공)네이버 멤버십 이용료가 월 4,900원이니 12개월을 꾸준히 사용한다면 총 58,000원의 혜택을 받을 수 있다. 2. 네이버 플러스 멤버십 적립 대상 결제 시 월 최대 10,000 포인트 적립월 최대 금액인 10,000원을 꽉 채워서 12개월을 사용하면 총 120,000 포인트가 적립된다.특히 현대카드로 최근 6개월 내 결제이력이 없는 고객이라면 월 ..

• format_list_bulleted tips
• · 2024. 9. 5.
• textsms

보험 가입 방법(가입한 보험 찾기 , 비교 사이트 보험 다모아)

보험은 참 어렵다. 보험을 안 들자니 불안하고 설계사들이 해주는 대로 들었다가는 나중에 부담이 돼서 해약하는 경우가 많기 때문이다. 보험신용정보 열람서비스한국신용정보원에서 제공하는 보험신용정보 열람서비스를 이용하면 내가 현재 가입되어 있는 보험을 한눈에 알 수 있다.먼저 로그인을 하고 내가 가진 보험 계약 현황을 조회 해보자.보험정보를 확인해보면 내가 가지고 있는 정액형 보험과 실손형 보험의 가입여부를 알 수 있다. 중복된 가입 내역은 없는지 어떠한 보험이 부족한지를 따져보고 어떻게 보험을 들지 계획을 세운다. 본인 가입여부를 보면 초록색 표시인경우 같은항목에 1건만 가입이 되있고 빨간색 표시가 있으면 2건이상 중복가입이 된 경우라고 보면 된다. 새로운 보험 계획 세우기몇개의 보험 유튜브 채널을 보고 보..

• format_list_bulleted tips
• · 2024. 9. 4.
• textsms

청년지원금 신청 나이는 몇살일까?

대한민국 정부에서는 사회에 아직 나오지 않은 청년들을 위해 취업, 주거, 대출 등 다양한 방법으로 지원을 해주고 있다.그렇다면 지원을 받을 수 있는 청년은 대체 몇 살을 의미할까? 청년은 몇살일까?청년 기본법: 만 19세 이상~만 34세 이하청년 고용 촉진 특별법: 만 15세 이상~만 29세 이하 ​중소 기업 인력지원 특별법: 만 15세 이상~만 34세 이하공공 주택 특별법 시행규칙: 만 19세 이상~39세 이하 ​고용 보험 시행령: 만 15세 이상 만 34세 이하청년의 기준은 법마다 조금씩 기준이 달라 애매모호하다.굳이 나이의 기준을 꼽자면 청년 기본법에 해당하는 만 19세 이상 ~ 만 34세 이하를 일컫는다.  지원 제도별 청년 나이기준국민 취업지원제도 : 만 18세 ~ 34세청년도전지원사업 : 만 ..

• format_list_bulleted tips
• · 2024. 9. 4.
• textsms

2024년 2025년 최저시급 연봉 실수령(월급, 시급 계산)

최저임금제도란?최저임금은 국가에서 근로자와 경영자 간의 임금 결정과정에 개입해서 임금의 최저 수준을 정하는 것을 말한다. 다시 말해 사용자에게 일정 수준 이상의 임금을 지급하는 것을 법으로 정해 적게 버는 근로자를 보호하는 제도이다.2024년 최저시급2024년 최저시급은 2023년 8월 4일에 9,860원으로 정해졌다. 2023년에는 최저시급이 9,620원이었으니 인상률로 계산하면 2.5%, 인상액으로 계산하면 240원이 오른 셈이다.적용연도시간급일급(8시간)월급(209시간)인상률(인상액)심의의결일결정고시일24.01.01 ~ 12.319,86078,8802,060,7402.5 (240)23.07.1923.08.0423.01.01 ~ 12.319,62076,9602,010,5805.0 (460)22.06...

• format_list_bulleted tips
• · 2024. 9. 4.
• textsms