카테고리 253 Javascript arrow function (=>), this 구문 오류 자바스크립트 화살표(=>) 함수를 사용할 때, 이벤트 리스너가 부착된 DOM 요소를 지정하기 위하여 this를 사용하면 오류가 발생할 수 있으므로 event.currentTarget을 사용해야 합니다. 현재 실행 중인 이벤트 리스너가 부착된 DOM 요소를 지칭할 때에는 "event.currentTarget" When a code runs after an event takes place, this is known as registering an event handler. On the other hand, the event listener listens to the event and then triggers the code for handling the event. [출처] TechTarget 내용은 스택오.. 2023. 10. 19. 피부, 두피, 실리콘의 영향 지(루)성 피부와 두피 때문에 고생하고 있습니다. 실리콘과 같은 피부 차단 성분으로 인한 부정적인 영향이 있지 않을까 궁금하여 빙의 AI 검색 엔진에 질문하였습니다. 긍정적인 효과도 가능하겠지만 현대 사회가 광고 및 홍보에 지배당하는 느낌이 강하여 보이지 않는 뒷면을 찾아보고 싶은 생각에 부정적인 면을 조사합니다. 검색어는 "피부 두피 실리콘 악영향", 그리고 Bing AI의 답변입니다. 아래 붙여 넣기한 Bing의 답변을 구글에서 검색해 보았습니다. 단락 단위 검색입니다. 내용을 그대로 발췌했을 것으로 집작되는 소스를 알기 위한 목적이었습니다. 일치하는 겸색 결과를 찾을 수 없었습니다. 만약에 이 내용이 단순한 복사의 형태가 아닌 AI의 창작물일 경우 가능한 검색 결과라고 생각합니다. 피부와 두피에 실.. 2023. 9. 20. text-overflow와 (inline-)block의 문제 해결 .article-link p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 문자(text) 행(line)의 길이가 컨테이너 박스의 가로 폭을 초과할 경우에, 폭에 맞추어 잘라내고(truncate) 말 줄임(ellipsis) 처리하는 방법입니다. CSS의 text-overflow 설정 값으로는 ellipsis, clip, string, initial, inherit을 사용합니다. 말줄임표(ellipsis)를 사용하여 초과하는 문자를 잘라낸 모습입니다. 한글 맞춤법의 말줄임표 부호 "......"와 형태가 다릅니다. 아래와 같이 임의로 지정 가능합니다. text-overflow: ellipsis " [..]"; text-overflo.. 2023. 8. 31. 블로그 스킨의 자바스크립트 수정 코드에 대한 MS Bing AI 설명 const marks = document.querySelectorAll('#content .marker'); window.addEventListener('scroll', function() { const scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; document.body.classList.toggle('roll', scrollTop > 400); for (const ele of marks){ let elementTop = ele.getBoundingClientRect().top; if ( elementTop < -64 ) { ele.classList.add('pin'); } .. 2023. 6. 24. 갤럭시 워치5 와이파이 활성화 및 연결 방법 ※ 이 글은 2023년 6월 현재 워치 내장 펌웨어 버전과 앱을 기준으로 작성하였습니다. 추후 버전 업그레이드에 의하여 새로운 기능이 적용되면 글의 내용은 실효성을 잃게 됩니다. 참고하시기 바랍니다. 삼성전자 워치5 블루투스 기종을 사용하고 있습니다. 이 제품은 워치에 내장된 블루투스를 폰과 연결하여, 공유된 폰의 네트워크 연결을 공유할 수 있습니다. 폰이 주위에 없을 경우, 워치5 (블루투스)로 네트워크에 연결하는 기능이 궁금하여 인터넷을 검색했습니다. 워치5의 설정 > 연결에 들어가니까 와이파이를 On/Off 할 수 있는 메뉴가 있었습니다. 워치5만으로 네트워크(와이파이) 연결이 가능하다는 뜻입니다. 와이파이 On 유지 조건 위에 첨부된 이미지는 삼성전자 홈페이지의 고객센터 글을 캡처한 것입니다. 워.. 2023. 6. 3. 갤럭시 워치5 삼성전자 갤럭시 워치5 사용하게 되어 간단한 정보와 사진 기록합니다. 아쉽게도 프로가 아닙니다. 프로의 시계 케이스는 티타늄입니다. 일반 버전과의 가격 차이가 10만 원 이상입니다. 그리고 프로에는 충전용 크래들이 포함되어 있습니다. 프로 밴드의 장착 부위가 분리되지 않기 때문에 충전할 때 필요합니다. 삼성전자 페이지를 살펴보면 보다 자세하고 정확한 정보 확인 가능합니다. 삼성전자 > 제품 > 워치 > 워치5 ㉮ 갤럭시 워치5 프로 - 45mm (해상도 450x450) - 사파이어 크리스털 글라스 디스플레이 - 티타늄 바디 케이스 - LTE or 블루투스 - WI-FI, NFC, GPS - 컬러: 블랙 티타늄, 그레이 티타늄 ㉯ 갤럭시 워치5 - 40mm / 44mm (해상도 각각 396x396 / 45.. 2023. 5. 10. difference between vs difference of difference of difference between · Is there any significant difference in quality between these two items? · There's a difference of eight years① between them②. [출처] Cambridge Dictionary, "Meaning of difference in English" ※ 'in quality'는 difference의 종류를 뒤에서 한정하고 있습니다. '質의 차이' 나이의 차이는 다름과 같이 표현할 수 있습니다. There is a 8-year difference in age between them. There is a difference of 8 years in age bet.. 2023. 4. 21. 웹브라우저의 타사 쿠키 차단 설정 주로 사용하는 웹브라우저의 설정을 들어가니까 "타사 쿠키 차단(Block third-party cookies)"이라는 항목이 있습니다. 현재 접속 사이트 외에 다른 사이트의 쿠키 설정을 차단하는 옵션입니다. 용어 설명 쿠키(cookies)는 사용자가 사이트에 접속했을 때 저장하는 사용자 관련 정보입니다. 직접 접속한 사이트, 사용자가 방문한 사이트, 혹은 일반적으로 주소표시줄에 표기되는 도메인과 연결된 쿠키를 구글 크롬에서는 퍼스트 파티 쿠키(first-party cookies)라고 부릅니다. 현재 방문한 사이트의 웹 페이지에 다른 사이트의 콘텐츠를 부착하여 표시할 경우에, 해당 콘텐츠를 소유한 도메인에 의하여 생성되는 쿠키를 구글 크롬에서는 서드 파티 쿠키(third-party cookies)라고 부르.. 2023. 4. 5. 뱅킹 보안 프로그램과 키보드 입력 충돌 태블릿 계열의 노트북을 사용합니다. 마이크로소프트 서피스 랩탑과 유사한 형태의 레노버 Miix이며, 용도에 따라서 키보드를 착탈하여 태블릿과 노트북을 겸용할 수 있는 작은 기기입니다. 터치 스크린 패널이 디스플레이 앞에 부착되어 있습니다. 최근 사용 중 키보드 입력이 안되고 디스플레이에 "화면 회전 설정" 알림 메시지가 갑자기 뜨는 야릇한 오류가 발생합니다. 얼마 전, 국내 인터넷 뱅킹에 필수인 보안 프로그램을 설치한 후 이런 증상이 출현하였습니다. 기기를 사용할 때 키보드의 연결 형태를 변경하거나 유선 마우스를 제거 또는 부착하는 등의 입력 디바이스의 변경이 발생하면 해당 오류가 발생합니다. 다시 원래의 형태로 되돌려도 오류가 복구되지 않아서 기기를 다시 부팅시키면 정상으로 돌아옵니다. 기기를 다시 부.. 2023. 3. 26. 티스토리 카테고리의 새로운 글 아이콘 변경하는 방법 티스토리에 (댓글 아니고) 새로운 글을 등록하면 카테고리에 글이 등록되었다는 "N"자 아이콘이 새롭게 표시됩니다. 위 이미지를 기준으로 하여, 전체 글("글 모음"), 메인 카테고리("IT"), 서브 카테고리("티스토리") 3군데 아이콘이 나타납니다. 만약에 메인 카테고리만 사용한다면 2군데 표시가 되겠죠. 자신이 원하는 다른 이미지가 표시되도록 변경하는 방법 설명합니다. 1. 사용할 아이콘을 업로드합니다. 티스토리에서는 업로드한 이미지는 자동으로 "images" 폴더로 이동합니다. 2. style.css에 필요한 코드를 추가하고 업로드합니다. 사용하는 코드는 아래와 같습니다. 개인 사용 환경에 맞게 수정하면 됩니다. /* style.css에 추가하는 코드 */ #category li a img { bo.. 2023. 3. 16.
