본문 바로가기

Basics/Develop25

js 부모 엘리먼트 이벤트 제거, 이벤트 상속 제거 - 자식 요소 이벤트 하나만 실행하기 <이벤트 버블링> html과 js로 코딩을 하다보면 요소마다 이벤트를 추가하여 사용할 일이 많습니다. 그러다보면 구조가 형제sibling가 아닌 부모-자식 관계의 요소가 될 수밖에 없는데, 이때 자식 요소를 만들면 부모의 이벤트도 함께 적용되곤 합니다. 자식의 이벤트를 하나만 실행하고 싶은데, 부모의 이벤트까지 같이 한 번에 실행되어 버리니 골치가 아픈데요. 하지만 그렇다고 자식 요소에서 부모의 이벤트를 removeEventListener 하기 어렵기 때문에 고민하실 수 있는데, 이때 자식 요소에서 본인의 이벤트만 호출하고 부모 이벤트 호출은 제거, 막는 방법을 공유해드립니다. JS onclick 이벤트 하나만, 부모 이벤트 제거 이번 예시는 onclick 이벤트로 들어보겠습니다. 부모 요소 안에 자식 요소가 있으며, 각.. 2023. 4. 17.

유튜브 프리미엄 우회 결제만 되고 프리미엄 적용 구독 안될 때 해결법 - 터키 결제 안될때, 리라로 안나올 때 저번에 업로드했던 2023 유튜브 프리미엄 우회 터키로 적용하는 방법에 대해 포스팅을 했고, 많은 분들께서 결제는 되었는데 프리미엄이 적용되지 않는다던지, 결제 예정 금액이 터키의 돈 단위인 리라가 아니라 유로나 달러같은 다른 화폐단위로 나타나는 문제를 확인했습니다. 해결 방법을 알려드리도록 하겠습니다. 2023 유튜브 프리미엄 우회 터키 유튜브 프리미엄 우회하여 결제하고 적용하는 방법은 이전 포스팅이 여전히 유효하므로 따라주시면 됩니다. 아래 링크에서 상세히 설명되어 있으니 참고하시기 바랍니다. 2023 최신 유튜브 프리미엄 우회 방법 : 터키, VPN 앱, 가격까지 총정리 2023 최신 유튜브 프리미엄 우회 방법 : 터키, VPN 앱, 가격까지 총정리 안녕하세요! 이번 포스팅에서는 2023년도 유튜브.. 2023. 4. 15.

[Apple Pay] 애플페이 현대카드 등록하는 방법 - 카드 발급 및 앱 설치, 지갑에 등록 및 사용처까지 Apple 마니아분들, iPhone 사용자 분들께서는 기다리고 기다리셨을 애플페이가 드디어 한국에 상륙했고 오늘 23년 3월 21일부터 서비스가 시작되었습니다! 아이폰 뿐만이 아니라 워치에서도 결제가 가능한 애플페이, 더 기다리시지 마시고 바로 카드를 등록해서 Apple pay를 사용해볼까요? 현대카드 애플페이 등록 현대카드 발급 먼저 현 시점에서 애플페이 사용이 가능한 것은 오로지 현대카드 뿐이므로 소유하신 현대카드가 있어야 하는데요. 이쯤에서 궁금하실 것이 현대카드 발급 후 얼마나 걸릴지 또는 카드를 수령한 뒤에나 애플페이에 등록이 가능할지에 대한 것일 수 있습니다. 결론부터 말씀드리자면, 지금 당장 5분도 안걸리는 카드 발급을 진행하신 뒤에 바로 애플 페이에 등록하실 수 있으므로 만약 현대카드가 없.. 2023. 3. 21.

ChatGPT 탈옥 하는 방법 문구 공유 - 솔직한 인공지능과의 대화! 요즘 ChatGPT가 굉장히 핫한 관심사로 자리잡고 있습니다. 무료로 활용할 수 있는 대화형 인공지능이라니, 많은 분들이 호기심에 한 번쯤 써보고싶어하실만 합니다. ChatGPT 탈옥 하는 방법 ChatGPT를 무료로 사용하는 사이트와 사용 방법에 대해서는 이전 포스팅을 꼭! 참고해주세요. ChatGPT 사용법! 사이트 구글아이디로 로그인해서 간단히 써보기 - 설치X 한글O ChatGPT 사용법! 사이트 구글아이디로 로그인해서 간단히 써보기 - 설치X 한글O 근래에 ChatGPT가 크게 주목받고 있습니다. 그에 따라 ChatGPT를 한 번 써보고자 검색해보시는 분들이 많을텐데요! 이번 포스팅에서는 ChatGPT 설치 없이 사이트에서 구글 아이디로 로그인하여 사용하 iworldt.tistory.com Ch.. 2023. 3. 6.

챗 GPT 사용법! 사이트 간단히 써보기 - 설치X 한글O chatGPT openAI 근래에 챗 GPT가 크게 주목받고 있습니다. 그에 따라 ChatGPT를 한 번 써보고자 검색해보시는 분들이 많을텐데요! 이번 포스팅에서는 ChatGPT 설치 없이 사이트에서 구글 아이디로 로그인하여 사용하는 웹 주소와 방법을 알려드리도록 하겠습니다 :) 챗 GPT chatGPT Open AI사용법 챗GPT는 구글 확장프로그램이나 여러 방법들을 이용하여 따로 설치해보고, 개발 소스로도 활용해볼 수 있도록 오픈AI로 제작되어 누구나 무료로 이용할 수 있습니다. 그러나 이번 포스팅에서는 활용 말고 간단히 써보고 체험해보실 분들을 대상으로 사이트에 접속하여 쓰는 방법을 알려드리도록 하겠습니다. ChatGPT 사이트 주소 https://chat.openai.com/auth/login?next=/chat 위 사이트.. 2023. 3. 6.

2023 최신 유튜브 프리미엄 우회 방법 : 터키, VPN 앱, 가격까지 총정리 안녕하세요! 이번 포스팅에서는 2023년도 유튜브 프리미엄 우회하여 가입하는 방법을 알려드리도록 하겠습니다. 2023 최신 유튜브 프리미엄 우회하기 유튜브 프리미엄 우회란? 우리나라 대한민국은 월 1만원 대의 금액으로 유튜브 프리미엄과 유튜브 뮤직을 구독해서 사용해야 하지만, 물가에 따라 다른 나라들은 상당히 저렴한 가격으로 이용할 수 있다는 점 때문에 많은 분들께서 유튜브 프리미엄 할인의 개념으로 우회하여 결제하고 계십니다. 하지만 사실 안전한 방법이라고 할수는 없습니다. VPN을 사용해야 하기 때문에 결제 정보나, 로그인 계정 정보가 유출될 수도 있다는 점을 감안하시기 바랍니다. 아직까지 그런 사례는 발견되지 않았지만, 검증되지 않은 VPN은 언제나 위험할 수 밖에 없습니다. 해외결제가 가능한 체크카.. 2023. 2. 3.

ckeditor toolbar 커스텀하기 아이콘 지우기 툴바 여러줄 한줄로 만들기 등 ck에디터 toolbar 커스텀하기 ck에디터의 Toolbar는 CKEDITOR.editorConfig 로 지정해줄 수 있습니다. 그러나 일부 화면에서만 다른 에디터 UI를 사용하고 싶다면 CKEDITOR.replace로 설정을 변경해줄 수 있습니다. ck에디터 config.js 우선 기본 설정 및 기본 ui는 ckeditor4 폴더 내의 config.js 파일에 모두 정의되어 있어야 합니다. config.toolbar = [ { name: 'document', items: [ 'Source', 'NewPage', 'ExportPdf', 'Preview', 'Print', '-', 'Templates' ] }, { name: 'clipboard', items: [ 'Cut', 'Copy', 'Paste'.. 2023. 1. 17.

개발 시 변수명, 컬럼명 추천 줄임말 짓는 법 예시 모음 변수명 컬럼명 추천 영어 단어 줄임말 모음 개발을 할 때 변수명을 짓거나 컬럼명을 짓는 것은 알고리즘을 구상하는 것 만큼이나 시간이 많이 소요되곤 했습니다. 아무리 새롭고 더 간결한 것을 찾더라도, 암묵적으로 사용하고 있는 영단어가 있다면 그것을 사용하는 것이 더 권장되곤 합니다. 아무래도 코딩은 혼자 하는 것이 아니며 다른 소스코드와 프로그램 간의 연관성을 생각해야 하기 때문이겠습니다. 그래서 오늘은 영어 표준 약어 모음을 가져와봤습니다. 개발하실 때 변수명이나 데이터베이스의 컬럼명을 지을 때 참고하시기 바랍니다. ㄱㄴㄷ 순이며, ctrl+F로 검색하셔서 찾으셔도 됩니다. 한글명 영문약어명 영문명 가격 PC PRICE 가공 PRCSS PROCESS 가공업 PRCSBIZ PROCESSING INDUSTR.. 2023. 1. 13.

jsp 안에 jsp, <jsp:include>가 <%@ include>보다 더 권장되는 경우, 비교 화면 개발을 하다 보면 한 jsp 파일을 분할하여 관리하는 경우가 있습니다. 예를 들면 전체 페이지의 jsp에서 상단 부분만 다른 jsp로 작성하고 전체 페이지의 jsp 안에 넣어주는 경우가 대표적이라고 할 수 있습니다. 보통 화면 레이아웃을 잡을 때 많이 쓰는 방법인데요, jsp 페이지 안에 또 다른 jsp를 호출하여 넣어주는 방식으로 하나의 구조를 여러 화면으로 재사용할 수 있도록 도움과 동시에, jsp 파일을 모듈화하여 관리할 수 있어 유지보수에도 용이합니다. jsp안에 jsp를 포함하는 방법 비교 include라고 하여 보통 두 가지 방법이 있습니다. 1. include action 액션 방법 소스코드 중에서 해당 실행시점이 불러질 때 파일을 가져와서 보여주는 액션 방식입니다. 출력 결과 전체를 .. 2023. 1. 12.

이전 1 2 3 다음

728x90

티스토리툴바