본문 바로가기

분류 전체보기482

티스토리 h1 태그 중복 SEO와 W3C 웹표준 웹 접근성에 입각해서 원인과 해결방법 설명 H1> 태그 2개, 여러개? 티스토리 h1 태그 중복 SEO와 W3C 웹표준 웹 접근성에 입각해서 원인과 해결방법 설명 요약: 결론: 사이트 로고의 H1태그 빼고 나머지는 모두 H2로 변경해야 한다. 결론 2: 안 해도 특별히 상관은 없다. 지금껏 가져갈 문서들은 잘 노출됐다. H1 태그는 사이트 로고? 컨텐츠 제목? 필자는 리액트 프론트엔드 개발자이면서 동시에 웹접근성 전문의 웹퍼블리셔 특급 프리랜서이다. 그러함에도 불구하고 그저 당연하게 H1태그는 생각할 이유도 없이 '무조건 SITE NAME'이라고 생각해 왔다. 하도 오래돼서 그게 맞는 말인지도 까먹었지만, 웹접근성 웹표준을 체크할 때 Site Logo는 무조건 H1이었던 시기가 있었다. 지금도 그런지 모르겠다. 최근 몇 년 웹접근성 프로젝트를 해 본 적이 없어서... 주로 .. 2023. 8. 1.
session method 세션 메소드 .setAttribute() .getAttribute() .invalidate() .setMaxInactiveInterval() .isNew() 세션 메소드: 유용한 세션 관리 기능들 서론 웹 애플리케이션에서는 사용자의 상태를 유지하고 데이터를 저장하는 데 세션(session)이 매우 중요합니다. 세션은 클라이언트와 서버 간의 상태 정보를 저장하는 데 사용되며, 사용자가 웹 사이트를 둘러보는 동안 일시적인 데이터를 보존하는 데 유용합니다. 자바 웹 애플리케이션에서는 세션 관리를 위해 다양한 메소드를 제공합니다. 이 글에서는 자바의 세션 메소드를 소개하고, 각 메소드의 사용법과 기능을 살펴보겠습니다. 세션 메소드 개요 자바 웹 애플리케이션에서는 javax.servlet.http.HttpSession 인터페이스를 통해 세션과 관련된 다양한 메소드를 사용할 수 있습니다. 각 메소드는 세션의 속성(attribute)을 설정하거나 가져오는 데 사용되며, .. 2023. 7. 31.
[자바스크립트/jQuery] input checkbox name값, value 값으로 체크하기 자바스크립트/jQuery로 Input checkbox를 Name과 Value 값으로 체크하기 소개 이 블로그 포스팅은 자바스크립트와 jQuery를 이용하여 HTML 입력 폼인 input checkbox의 Name과 Value 값으로 체크하는 방법에 대해 설명합니다. 일반적으로 체크박스를 생성할 때는 동일한 Name을 가진 여러 개의 값을 저장해야 할 때가 있습니다. 이때, 배열로 값을 저장하는 방법이 자주 사용됩니다. 하지만 이렇게 저장된 값을 불러와 체크박스를 선택하는 것은 조금 까다로울 수 있습니다. 하지만 Name과 Value를 동시에 사용하여 체크박스를 선택하는 방법을 알면 간단하게 처리할 수 있습니다. 본문 Name과 Value 값으로 체크박스 선택하기 - JQuery 보통 체크박스를 생성할 때.. 2023. 7. 29.
티스토리 목차 자동 만들기 TOC(Table Of Contents). 티스토리 자체 광고 최상단 문제 해결 방법 이 포스팅에서는 티스토리 블로그에 자동 목차를 만드는 방법을 알아보겠습니다. 자동 목차는 블로그 포스팅을 보다 효과적으로 전달하고, 독자들이 원하는 정보에 빠르게 접근할 수 있도록 도와줍니다. 더불어 구글 SEO 점수를 높이는데도 도움이 되며, 블로그를 전문적으로 보이게 만드는 효과까지 있습니다. 자동 목차를 만드는 과정은 초보자도 따라 하기 쉽지만, 독창적인 디자인을 적용해 본인만의 멋진 목차를 만들어볼 것입니다. 필요 준비물 티스토리 기본 스킨인 '북클럽' jquery.toc.min.js 파일 목차 스타일용 CSS 코드 티스토리 스킨 편집하기 티스토리 국민 스킨인 북클럽 스킨을 기준으로 설명드리겠습니다. 다른 기본 티스토리 스킨이라도 특별히 다르지는 않습니다. 1. 스킨 편집 들어가기 티스토리 관리자.. 2023. 7. 26.
애드센스 GDPR 메시지 설정 방법 개인정보보호 지침: 올해 안에 EEA 및 영국 사용자에게 광고를 게재하는 모든 게시자는 Google에서 인증한 동의 관리 플랫폼(CMP)을 사용해야 합니다. 애드센스 GDPR 메시지 설정 방법 서론 애드센스를 이용하여 광고를 게재하는 블로거들에게 2018년 이후로 GDPR(General Data Protection Regulation)에 따른 개인정보 보호 지침을 준수해야 한다는 경고가 발생하는 경우가 있습니다. 특히, EEA(European Economic Area) 및 영국 사용자에게 광고를 게재하는 게시자들은 Google에서 인증한 동의 관리 플랫폼(CMP)을 사용해야 합니다. 이를 통해 사용자의 개인정보를 안전하게 보호하고, 광고 게재에 대한 동의를 받을 수 있습니다. 이 글에서는 애드센스 GDPR 메시지 설정 방법과 개인정보 보호 지침을 정리하여 설명하겠습니다. GDPR은 EU(유럽 연합)에서 개인정보 보호를 강화하는 법규로, 사용자의 개인정보를 보.. 2023. 7. 21.
chatGPT가 결과물을 출력하다가 발생시킨 오류에서 뱉어낸 글. translate, translate, textToSpeech, weather, stockMarket? chatGPT가 결과물을 출력하다가 발생시킨 오류에서 뱉어낸 글. translate // This tool translates text from one language to another. It supports a wide range of languages and can handle both short phrases and longer texts. It can also detect the source language if it is not specified by the user. namespace translate { // Translates text from one language to another. type translateText = (_: { // The text to translate. tex.. 2023. 7. 18.
별 보는 어플 별자리표 - AR 별자리 보는 앱 별 관측, 인공위성 추적, SkySafari, Stellarium, Night Sky 11, Star Walk 2, Sky Tonight 별자리표 앱, 실시간으로 별자리와 인공위성을 확인하자! 안녕하세요, 여러분. 오늘은 카페에서 작은 이야기를 나누듯 여러분과 함께 야외에서 캠핑이나 낚시를 즐기는 동안 밤하늘을 즐길 수 있는 유용한 도구에 대해 이야기해보고자 합니다. 바로 별 보는 어플 "별자리표" 앱입니다. 밤하늘에 떠 있는 무수한 별들을 보면, 도시에서는 접하기 힘든 저 멀리 별세계를 살펴볼 수 있는 기회가 주어집니다. 이를 위해 많은 분들이 별 보는 어플을 이용하곤 합니다. 그런데 이 별자리표 앱을 무료로 설치하는 방법에 대해 알고 계신가요? 물론, 대부분의 사용자분들이 별자리보기어플을 한 번 설치하면 영원히 무료로 사용할 수 있을 것이라고 생각하실 수 있습니다. 하지만 이것은 사실이 아닙니다. 별자리 보기 앱은 대부분 유료입니다. .. 2023. 7. 15.
안드로이드 html 웹뷰 Javascript 모바일 웹 주소창 없애기 / 모바일 크롬 브라우저 테마 색상 변경 색깔 주소창이 꼴 보기 싫은 것도 아닌데 모바일의 작은 화면으로 보자니 그 1cm도 아까운가 보다. 아? 아닌가? 아무튼... 흠흠. 모바일웹은 현대인에게 필수인데, 초보 제작자에게는 고민인 부분이다. 분명 필요해서 보이게 해 놨을 텐데, 미적 감각으로 '크롬 모바일 주소창 없애기', '모바일 브라우저 주소창', '웹앱 주소창 없애기', 'Javascript 브라우저 주소창 없애기', '안드로이드 주소창 숨기기', 'Html 주소창 없애기' 검색이 많다. 일단, 앱 개발자들은 웹뷰에서 주소창이 사라지기를 바라는 것이겠고, 모바일웹 개발자들은 모바일웹 화면에서 1cm라도 더 화면을 넓게 보여주기 위해서 모바일 주소창 자동숨김이 일어나기를 바라는 것일 것이다. 대체로 안드로이드 폰에서는 모바일 크롬에서 javas.. 2023. 7. 10.
티스토리 jsFiddle 연동 JS피들 사용법 블로그에 코드 공유하는 방법 codePen CodeSandbox. 코드블럭 codePen, CodeSandbox, jsFiddle 이란? 어떻게 활용할까? 안녕하세요, 여러분. 오늘은 프론트엔드 개발에 있어 매우 중요하고 효율적인 도구를 소개하고자 합니다. 바로 codePen, CodeSandbox, jsFiddle입니다. 이번 포스팅에서는codePen, jsFiddle의 공유 기능과 활용법에 대해 자세히 알아보도록 하겠습니다. codePen, CodeSandbox, jsFiddle이란? codePen, CodeSandbox, jsFiddle은 웹 개발자들에게 아주 유용한 툴입니다. HTML, CSS, JavaScript 코드를 실시간으로 테스트하고 결과를 확인할 수 있습니다. 이 JS피들의 장점은 단순히 테스트만 가능한 것이 아니라, 작성한 코드를 다른 사람과 공유하거나 협업.. 2023. 7. 7.
.on(click) 메소드 jquery .click 이벤트 여러개 클릭 2개 이상 다중event 부모에게 전파 중지 .preventDefault() .stopPropagation() .stopImmediatePropagation() 자바스크립트 jQuery 이벤트 바인딩과 그 외의 메소드들 안녕하세요, 여러분! 오늘은 이벤트 바인딩과 관련된 메소드들에 대해 자세히 살펴볼 것입니다. 이벤트 바인딩이란 특정 HTML 요소에서 일어나는 행동에 대해 반응하도록 코드를 작성하는 것인데요. 이벤트 핸들러라는 함수를 작성하고 이것을 요소에 연결하는 것을 말합니다. 이벤트 바인딩의 변천사 jQuery가 발전함에 따라 이벤트를 처리하는 방법도 변해왔습니다. 초기의 jQuery 1.0에서는 .bind() 메소드를 사용하여 이벤트 핸들러를 등록했고, 그 이후 .live() 메소드와 .delegate() 메소드를 거쳐 현재는 .on() 메소드를 주로 사용하게 되었습니다. .on() 메소드는 jQuery 1.7부터 소개되었으며, 이전에 사용되던 .bind()나 .cl.. 2023. 7. 6.
일용직 소득세 계산 방법 2023년 근로소득 세율 간이세액표 갑근세 조견표 자바스크립트 계산기 2023년 근로소득 세율 변동 사항과 근로 소득세 계산 방법 매년 신경 써야 하는 주제, 바로 '소득세'에 대해 이야기해 볼까 합니다. 2023년 근로소득 세율 변동이 있었는데요, 이에 대한 내용을 잘 이해하고 적절하게 대처할 수 있도록 함께 알아봅시다. 2023년 소득세법 개정 소식 우선, 앞서 말한 2023년 소득세법 개정 소식부터 알려드리겠습니다. 그 변동 사항 중 가장 중요한 부분은 근로소득 세율의 일부 구간 변동입니다. 기존에 6%의 세율이 적용되던 과세표준액 구간이 1200만 원에서 1400만 원으로 확대되었습니다. 또한, 24% 세율 구간도 4600만 원 초과에서 5천만 원 초과로 변경되었습니다. 이 두 가지 변동 사항은 실질적으로 일반 근로자들의 세금 부담을 줄이는 효과가 있습니다. 그러나.. 2023. 7. 4.
갤럭시 노트 9 초기화. note 10 겔럭시 노트20 공장초기화 공장 초기화는 폰을 손쓸 수 없는 상황에서도 느려지거나 개인 정보를 완전히 삭제하고 싶을 때 주로 사용됩니다. 또한, 중고 폰으로 판매하기 전에 공장 초기화를 진행하여 개인과 관련된 모든 데이터를 안전하게 삭제하는 것이 중요합니다. 안드로이드폰의 공장 초기화 전에 주의해야 할 사항은 다음과 같습니다: 공장 초기화를 진행하기 전에는 사진, 연락처, 메모 등 중요한 데이터를 꼭 백업해야 합니다. 초기화 후에는 삭제된 데이터를 복구할 수 없으므로 신중하게 대비해야 합니다. 공인인증서가 폰에 저장되어 있다면, 초기화 전에 PC로 백업하는 것이 좋습니다. 공인인증서는 초기화되면 삭제되므로 사전 조치가 필요합니다. 삼성페이와 같은 앱도 초기화됩니다. 필요한 경우 삼성페이와 관련된 데이터와 설정을 확인하고 백업해야 .. 2023. 6. 24.

티스토리툴바