최신 글
-
생활 정보
[티스토리] 지도와 텍스트 겹침 문제 해결 방법
문제 설명블로그 글을 작성하면서 처음으로 지도 삽입 기능을 사용했습니다.편집 화면에서 별다른 문제가 없었는데, 글을 발행하고 나니 지도와 텍스트가 겹쳐서 나오는 문제가 있었습니다.해당 문제는 간단한 CSS 수정을 통해 해결이 가능합니다. 스킨 편집으로 문제 해결우선, 티스토리 관리자 페이지로 이동한 후, 꾸미기 메뉴 하위에 있는 스킨 편집을 클릭합니다.스킨 편집 화면으로 이동하면, 오른쪽 상단에 html 편집 버튼을 클릭해 HTML 편집 화면으로 이동합니다. 상단에서 CSS 탭을 선택한 후, Ctrl + F를 눌러 텍스트 검색창을 엽니다. 그 다음, iframe을 검색합니다.그러면 .frame_wrap 선택자가 나타나는데, 이곳에 display: inline; 을 추가해줍니다.미리보기에서 문제가..
-
웹 개발
간단하게 만드는 아코디언 메뉴 - HTML 전용 태그 활용
아코디언 메뉴란?아코디언 메뉴는 사용자가 항목을 클릭할 때마다 내용을 펼치거나 접는 UI를 의미합니다.일반적으로 '아코디언 메뉴' 또는 '아코디언 패널'이라고 부릅니다. 주로 공간을 절약하거나 정보 계층 구조를 관리하는 데 사용합니다. 아코디언 전용 태그혹시 HTML 기본 태그에 아코디언 전용 태그가 있다는 사실 알고 계셨나요?HTML5에서 태그는 아코디언 기능을 지원합니다. 기본 HTML 구조입니다. Details Something small enough to escape casual notice. OUTPUT DetailsSomething small enough to escape casual notice."> HTML 삽입미리보기할 수 없는 소스 태그만 사용해도 바로 아코디언 메뉴를 구현할..
-
생활 정보
LG 그램 지문 인식 오류 해결 방법
원인 파악하기노트북을 사용하려고 평소처럼 지문 스캐너에 손을 올려 잠금을 해제하려 했지만, 평소와 달리 잠금이 해제되지 않았습니다.확인해 보니 생체 인식 장치에 오류가 발생해 있었습니다. 이런 경우, 문제의 원인은 보통 세 가지로 나뉩니다.먼저, 본인의 상황에 맞는 원인을 파악하는 것이 중요합니다. 드라이버 문제가장 흔하게 발생하는 문제는 드라이버가 잘못된 경우입니다.사용 중이던 드라이버가 너무 오래되었거나, 새로운 드라이버로 업데이트하는 과정에서 설치가 잘못되어 문제가 발생할 수 있습니다. 일반적으로 LG전자 다운로드 센터에서 문제 되는 드라이버를 다시 설치하시면 됩니다.혹여 나오지 않는 경우 구글링을 통해 관련 드라이버를 찾아 설치해야 합니다. 🔗 LG전자 다운로드 센터 저는 드라이버를 다시 설치..
-
게임
모두가 하나 되는 협동 게임, '사슬 온리업' 후기
개요안녕하세요.얼마 전 유튜브에서 흥미로운 협동 게임을 발견했습니다.4명의 플레이어가 사슬에 묶인 채 함께 지옥을 탈출하는 게임인데요, 오늘은 그 게임을 소개해 드리려고 합니다. 게임 소개체인드 투게더Chained Together개발Anegar Games유통플랫폼WindowsESDSteam장르모험, 캐주얼, 인디, 시뮬레이션출시2024년 6월 20일구매 가격5,600원 이 게임은 1~4명이 함께 플레이할 수 있으며, 플레이어들이 서로 쇠사슬로 연결된 채로 진행됩니다.쇠사슬 때문에 개인플레이보다는 협동플레이가 필수적입니다.플레이어끼리 서로를 끌어당겨 위로 올릴 수도 있지만, 다른 사람의 실수로 모두 함께 아래로 추락할 수도 있습니다. 게임 시작 전에 후기를 살펴보니 평가가 매우 긍정적이었습니다.특히, 기..
-
웹 개발
인앱 브라우저에서 외부 브라우저 열기
카카오톡 인앱 브라우저를 통해 접속한 유저가 카카오톡 본인인증 기능을 사용할 때 오류가 발생한다는 제보를 받았습니다. 직접 테스트했을 때 오류가 재현되진 않았지만, 인앱 브라우저에서 휴대폰 본인인증(PASS)을 진행하면 세션 데이터가 날아가는 버그를 겪고 있었기 때문에 인앱 브라우저를 외부 브라우저로 여는 방법을 찾기 시작했습니다.그러다 아래 블로그를 발견했습니다. 🔗 카카오톡/라인 인앱브라우저에서 외부브라우저 띄우기 이분 역시 인앱 브라우저를 벗어나길 원하셨고, 여러 해결 방법을 블로그에 기록하셨습니다.저와 같은 전국 각지에서 고군분투하는 개발자들을 위해, 전체 소스코드도 제공하여 커스터마이징할 수 있도록 해주셨습니다.해당 코드를 검토한 후, 코드 리팩토링을 진행했습니다.execCommand()가 지..