본문 바로가기

전체 글1753

PHP json_encode() 옵션 목록 PHP의 json_encode() 함수는 JSON 변환 시 다양한 플래그(옵션)를 사용할 수 있습니다. 각 옵션은 **비트 플래그(bit flag)**로 동작하며, 여러 개를 비트 OR(|) 연산자를 사용하여 함께 사용할 수 있습니다.1. JSON_HEX_TAG (1) > 문자를 \u003C, \u003E로 이스케이프합니다.XSS(크로스 사이트 스크립팅) 공격 방지에 도움을 줍니다.예:echo json_encode("", JSON_HEX_TAG); 출력:"\u003Cscript\u003E"2. JSON_HEX_AMP (2)& 문자를 \u0026으로 변환합니다.HTML에서 &는 특수문자로 해석될 수 있어 이를 방지합니다.예:echo json_encode("Tom & Jerry", JSON_HEX_AMP);.. 2025. 3. 15.
YouTube 동영상의 썸네일을 최고 해상도부터 불러오는 방법 YouTube에서 제공하는 썸네일 품질 순서는 다음과 같습니다:maxresdefault.jpg (최고 해상도, 없는 경우 대체 필요)sddefault.jpg (HD 품질, 일부 영상만 제공)hqdefault.jpg (고품질)mqdefault.jpg (중간 품질)default.jpg (최저 품질)✅ JavaScript 코드: 최고 해상도부터 체크해서 불러오기YouTube 썸네일을 최고 해상도부터 체크하여 로드하는 JavaScript 코드입니다.function getBestYouTubeThumbnail(videoId, callback) { const resolutions = ["maxresdefault", "sddefault", "hqdefault", "mqdefault", "default"]; .. 2025. 3. 14.
[JavaScript] 뒤로가기 이벤트 감지하기 어떤 신청 페이지에서 완료 페이지로 넘어간 후, 뒤로가기 이벤트로 다시 신청 페이지로 접속하면 입력된 값이 그대로 노출되는 이슈가 있었다.브라우저가 이전 페이지에 캐시가 있는지 확인하는 Back Forward Cache 때문이라고 한다.응답 속도 향상 등, 필요한 기능이겠지만, 일단 내 상황에서는 불필요한 기능...window.onpageshow = function(event) { if ( event.persisted || (window.performance && window.performance.navigation.type == 2)) { // Back Forward Cache로 브라우저가 로딩될 경우 혹은 브라우저 뒤로가기 했을 경우 alert("뒤로가기 버튼이 클릭되었습니.. 2025. 3. 9.
깔끔한 Page Loading SVG 페이지 이동시 보여지는 로딩 애니메이션 구현 소스 입니다. 미리보기http://ubang.iptime.org/ Rainbow Garden ubang.iptime.org소스 적용STYLE display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0); padding: 20px; border-radius: 10px; z-index: 999; SCRIPT function showLoading() { document.getElementById("loading_overlay").s.. 2025. 3. 9.
반응형 웹을 구현할 때 유용한 CSS 기법들 1. 미디어 쿼리 (Media Queries)반응형 웹의 핵심 요소로, 다양한 화면 크기에 맞춰 스타일을 적용할 수 있습니다./* 기본 스타일 (모바일 우선) */body { font-size: 16px;}/* 태블릿 (768px 이상) */@media (min-width: 768px) { body { font-size: 18px; }}/* 데스크톱 (1024px 이상) */@media (min-width: 1024px) { body { font-size: 20px; }}2. 플렉스박스 (Flexbox)레이아웃을 쉽게 조정할 수 있는 강력한 도구입니다..container { display: flex; flex-wrap: wrap; /* 화면 크기에 따라 줄바꿈 */ justify.. 2025. 2. 27.
입력 필드에서 특정단어(예:#err)가 포함되었을 때 실시간 감지 및 경고창 띄우기 1, JavaScript의 input 이벤트 리스너를 사용하여 사용자가 입력할 때 #err 단어가 포함되었는지 실시간 체크하여 경고창을 띄우도록 구현할 수 있습니다. " style="width:98%;" class="input" /> 설명 document.getElementById("link1") → input 필드를 가져옴 .addEventListener("input", function() { ... }) 사용자가 입력할 때마다 input 값 실시간 감지 if (inputValue.includes("#err")) { alert(...) } #err이 포함되면 경고창(alert) 띄움 입력값에서 #err을 자동으로 제거 (this.value = inputValue.replace("#err", "");) .. 2025. 2. 11.
SQL 인젝션(SQL Injection) 방지 "바인딩 변수" $sql = "SELECT level FROM member WHERE id = ?";id = ?의 의미 PHP의 Prepared Statement(준비된 쿼리) 방식에서 ?는 바인딩 변수(placeholder) 역할을 합니다. 즉, id = ?는 실행 전에는 값이 없는 상태이며, 이후 실제 데이터를 안전하게 바인딩하여 SQL을 실행하는 방식입니다. 왜 ?를 사용해야 할까? SQL 인젝션(SQL Injection) 방지 사용자가 입력한 데이터를 직접 SQL에 넣으면 해킹에 취약합니다. ?(바인딩 변수)를 사용하면 MySQL이 자동으로 문자열을 이스케이프 처리하여 안전합니다. 성능 향상 SQL 실행 계획을 미리 캐싱하여 반복 실행 시 성능이 향상됩니다. 데이터 타입 자동 처리 숫자, 문자열 등 데이터 타입을.. 2025. 1. 29.
전유진(チョンユジン) - 못 잊을 사랑(忘れられない恋) 나를 잊었나 벌써 잊었나 아직도 사랑은 가슴에 남아 있는데 잊으려 지우려 아무리 애를 써 봐도 자꾸만 커가는 그리움 이토록 못 잊을 사랑 왜 내가 보냈나 떠나지마 가지마 애원할걸 붙잡지도 못하고 떠나지마 가지마 매달릴걸 후회하는 바보 돌아와요 웃으며 와줘요 내게는 너 하나 뿐이야 이토록 못 잊을 사랑 왜 내가 보냈나 떠나지마 가지마 애원할걸 붙잡지도 못하고 떠나지마 가지마 매달릴걸 후회하는 바보 돌아와요 웃으며 와줘요 내게는 너 하나 뿐이야 내게는 너 하나 뿐이야 2025. 1. 15.
전유진(チョンユジン) 아즈마 아키(東亜樹) - 눈물비(涙の雨) 눈물비 주루루 내리면내겐 우산 같던 한 사람세상 아픔들을 대신 맞아주고나를 지켜주던 한 사람미안해요 미안해요사랑해요 사랑해요비 개인 하늘은 저리 맑은데마음에 빗물은 그치지 않아미안한 마음은 먹물이 되어가슴에 번져가네요오오 못해준 기억이 많아너무 멀리 가버린 사람눈물비 주루루 내리면내겐 우산 같던 한 사람세상 아픔들을 대신 맞아주고나를 지켜주던 한 사람미안해요 미안해요사랑해요 사랑해요오오 못해준 기억이 많아너무 멀리 가버린 사람눈물비 주루루 내리면내겐 우산 같던 한 사람세상 아픔들을 대신 맞아주고나를 지켜주던 한 사람미안해요 미안해요사랑해요 사랑해요 2025. 1. 14.
'눈의 꽃(雪の華)' 원곡자이자 일본의 여왕, 나카시마 미카(中島美嘉) 모음 「雪の華」原曲者で日本の女王 中島美香集 눈의 꽃(雪の華)노비타인 그늘을 포도로 나란히のびた人陰を舗道に並べ어둠 속에서 너와 걷고있다.夕闇のなかをキミと歩いてる손을 잡고 언제까지나 계속手を繋いでいつまでもずっと곁에 있으면 울 정도로そばにいれたなら泣けちゃうくらい바람이 차가워지고風が冷たくなって겨울 냄새가났다冬の匂いがした이제 이 도시에そろそろこの街に너와 다가가는 계절이 온다.キミと近付ける季節がくる올해, 첫 눈의 꽃今年, 最初の雪の華を두 사람이 함께2人寄り添って바라보고 있는 이 시간에眺めているこの時間に시아와세가 넘치는シアワセがあふれだす달콤함이나 약점이 아니다.甘えとか弱さじゃない그냥 너를 사랑해ただ, キミを愛してる진심으로 그렇게 생각했다心からそう思った너가 있으면 무엇이든キミがいると どんなことでも탈 수 있을 것 같은 기분이 되어 있다乗りきれるような気持ちになって.. 2025. 1. 8.
애드센스 오퍼월(offerwall) 수익화 전면광고 세팅방법 정리 애드센스 광고 오퍼월(offerwall) 무엇일까?애드센스 광고 오퍼월은 사이트 방문자에게 오퍼월 메시지를 표시하여, 사이트를 후원하고 콘텐츠에 액세스할 수 있는 다른 방법을 제공하는 기능입니다. 오퍼월은 앱 내에 여러 광고를 보여주고, 사용자가 직접 선택해 완료하면 보상을 받는 보상형 광고의 일종입니다.  오퍼월의 특징은 다음과 같습니다. 인앱 결제를 하든 안하든 모든 유저로부터 수익을 얻을 수 있습니다.  유저가 앱을 더 활발히 사용하도록 하고 리텐션을 높여 앱 수익을 향상시킬 수 있습니다.  유저가 직접 선택할 수 있어 사용자 경험도 그대로 유지할 수 있습니다.  광고와 인앱 구매를 결합한 하이브리드 수익화를 도입할 수 있습니다.  오퍼월 광고의 예시로는 다음과 같은 것들이 있습니다. 동영상 시청,.. 2025. 1. 6.
구글이 제공하는 애드블록(광고) 차단 스크립트 적용방법 - 광고 차단 회복 구글에서 애드센스를 사용할 수 있는 모든 사용자에게 기본으로 애드블럭 광고 차단 해제 기능을 제공 하고 있습니다. 바로 광고 차단 회복이라는 기능인데, 이것을 적용하는 방법에 대해 알아보겠습니다. 애드블록 애드블록은 웹사이트에 있는 광고를 모두 차단해주는 플러그인입니다. 크로미움 브라우저에서 많은 분들이 사용하고 있는 대표 플러그인이죠. 하지만 애드센스 광고를 통해 수익을 얻고 있는 블로거 또는 웹 페이지 운영자들에게는 좋지 않은 기능입니다. 왜냐하면 그 때문에 수익이 발생하지 않기 때문이죠.  애드센스 광고 차단 회복 사실 애드블록을 막는 스크립트는 이미 많은 웹사이트에서 소개가 되어있고, 적용하신 분들도 많이 있었습니다. 복잡한 스크립트를 통해 직접 디자인을 하시는 분들도 있구요. 하지만, 구글에서.. 2025. 1. 5.
한일톱텐쇼 리에네 집에서 펼쳐지는 작은 공연, 한일 우정의 무대 모음 00:00 전유진(チョンユジン)X김다현(キムダヒョン) - 아이 좋아라 (ああ、嬉しい) 02:06 김다현(キムダヒョン) - 열두줄(十二行) 04:10 마이진(マイジン)X별사랑(ビョルサラン) - 숫자인생 (数字人生) 07:19 아즈마아키(東亜樹)X아즈마아키 엄마(東亜樹のお母さん) - 천년의 고도 (千年の古都) 10:45 우타고코로리에(歌心りえ)X린(リン) - 그때 그 사람 (あの時あの人) 14:33 전유진(チョンユジン) - 사랑해요 그대를(愛しています、あなたを) 17:39 아즈마아키(東亜樹) -  어느 60대 노부부 이야기(ある60代老夫婦の物語) 23:04 별사랑(ビョルサラン) -  알 수 없는 인생(わからない人生) 26:59 우타고코로리에(歌心りえ) - 제비꽃(スミレ) 31:35 린(リン) - 엄마의 꿈(.. 2024. 12. 25.
배경 음악 mp3 다운로드 슬픔 / 잔잔 / 애절한 느낌  슬픔 / 잔잔 / 피아노 / 평온  슬픔 / 잔잔 / 조용한  슬픔-잔잔-약간 조용한..  슬픔-잔잔-평온-느긋  슬픔 / 잔잔 / 애절한 피리소리  슬픔 / 잔잔 / 비교적 평온  슬픔 / 잔잔 / 피리 / 뷱 / 환상  슬픔 / 잔잔 / 전개하는 느낌..  슬픔 / 잔잔 / 평온  슬픔 / 잔잔 / 조용한 영감  슬픔 / 잔잔 / 몽롱  슬픔 / 잔잔 / 메세지 줄것 같은  슬픔 / 재즈 / 평온  슬픔 / 잔잔 / 약간 시끄러운 전자음  슬픔 / 재즈 / 피아노 / 분위기  슬픔 / 재즈 / 카페 같은..  슬픔 / 재즈 / 평온한 하루  슬픔 / 재즈 / 추억  슬픔 / 재즈 / 경쾌  슬픔 / R&B 소울 / 경쾌  슬픔 / R&B 소울 / 희망  슬픔 / R&B.. 2024. 12. 23.
짧은 효과음 MP3 다운로드 드럼 / 입장이나 시작을 알릴때 1   드럼 / 입장이나 시작을 알릴때 2  심볼즈 / 입장이나 시작을 알릴때 3  전자음 / 등장중일때 1  전자음 / 등장중일때 2  전자음 / 퇴장이나 끝  노래방 100점  팡파르 나팔소리  돌격 나팔 소리  피아노 / 어쩔수 없는 운명 같은 느낌 1  피아노 / 어쩔수 없는 운명 같은 느낌 2  밀려오는 느낌   밖에서 망치질 하는 소리  판자 두드리는 울림 느낌  시간에 쫓기듯한 느낌  전화 벨소리와 긴장감  긴장감과 뱀소리  긴장감과 문 여는 소리  살짝 긴장감 있는 느낌  귀신 할머니 목소리 같은 약간의 공포  철대문 두르리는 느낌  약간 종교적인 리듬 반복  긴장 시작 되는 느낌  빠른 템포와 리듬 목소리  약간 빠른 느낌의 리듬 / 긴장감은 조금  노이즈.. 2024. 12. 23.
반응형

Copyright ⓒ SmartWeb All rights reserved.