티스토리 h1 태그 중복 SEO와 W3C 웹표준 웹 접근성에 입각해서 원인과 해결방법 설명 요약: 결론: 사이트 로고의 H1태그 빼고 나머지는 모두 H2로 변경해야 한다. 결론 2: 안 해도 특별히 상관은 없다. 지금껏 가져갈 문서들은 잘 노출됐다. H1 태그는 사이트 로고? 컨텐츠 제목? 필자는 리액트 프론트엔드 개발자이면서 동시에 웹접근성 전문의 웹퍼블리셔 특급 프리랜서이다. 그러함에도 불구하고 그저 … 더 읽기
세션 메소드: 유용한 세션 관리 기능들 서론 웹 애플리케이션에서는 사용자의 상태를 유지하고 데이터를 저장하는 데 세션(session)이 매우 중요합니다. 세션은 클라이언트와 서버 간의 상태 정보를 저장하는 데 사용되며, 사용자가 웹 사이트를 둘러보는 동안 일시적인 데이터를 보존하는 데 유용합니다. 자바 웹 애플리케이션에서는 세션 관리를 위해 다양한 메소드를 제공합니다. 이 글에서는 자바의 세션 메소드를 소개하고, 각 메소드의 사용법과 … 더 읽기
자바스크립트/jQuery로 Input checkbox를 Name과 Value 값으로 체크하기 소개이 블로그 포스팅은 자바스크립트와 jQuery를 이용하여 HTML 입력 폼인 input checkbox의 Name과 Value 값으로 체크하는 방법에 대해 설명합니다. 일반적으로 체크박스를 생성할 때는 동일한 Name을 가진 여러 개의 값을 저장해야 할 때가 있습니다. 이때, 배열로 값을 저장하는 방법이 자주 사용됩니다. 하지만 이렇게 저장된 값을 불러와 체크박스를 선택하는 것은 조금 … 더 읽기
이 포스팅에서는 티스토리 블로그에 자동 목차를 만드는 방법을 알아보겠습니다. 자동 목차는 블로그 포스팅을 보다 효과적으로 전달하고, 독자들이 원하는 정보에 빠르게 접근할 수 있도록 도와줍니다. 더불어 구글 SEO 점수를 높이는데도 도움이 되며, 블로그를 전문적으로 보이게 만드는 효과까지 있습니다. 자동 목차를 만드는 과정은 초보자도 따라 하기 쉽지만, 독창적인 디자인을 적용해 본인만의 멋진 목차를 만들어볼 것입니다. 필요 준비물 … 더 읽기
애드센스 GDPR 메시지 설정 방법 서론 개인정보보호 지침: 올해 안에 EEA 및 영국 사용자에게 광고를 게재하는 모든 게시자는 Google에서 인증한 동의 관리 플랫폼(CMP)을 사용해야 합니다. 애드센스를 이용하여 광고를 게재하는 블로거들에게 2018년 이후로 GDPR(General Data Protection Regulation)에 따른 개인정보 보호 지침을 준수해야 한다는 경고가 발생하는 경우가 있습니다. 특히, EEA(European Economic Area) 및 영국 사용자에게 광고를 게재하는 … 더 읽기
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 = … 더 읽기
별자리표 앱, 실시간으로 별자리와 인공위성을 확인하자! 안녕하세요, 여러분. 오늘은 카페에서 작은 이야기를 나누듯 여러분과 함께 야외에서 캠핑이나 낚시를 즐기는 동안 밤하늘을 즐길 수 있는 유용한 도구에 대해 이야기해보고자 합니다. 바로 별 보는 어플 “별자리표” 앱입니다. 밤하늘에 떠 있는 무수한 별들을 보면, 도시에서는 접하기 힘든 저 멀리 별세계를 살펴볼 수 있는 기회가 주어집니다. 이를 위해 많은 … 더 읽기
주소창이 꼴 보기 싫은 것도 아닌데 모바일의 작은 화면으로 보자니 그 1cm도 아까운가 보다. 아? 아닌가? 아무튼… 흠흠. 모바일웹은 현대인에게 필수인데, 초보 제작자에게는 고민인 부분이다. 분명 필요해서 보이게 해 놨을 텐데, 미적 감각으로 ‘크롬 모바일 주소창 없애기’, ‘모바일 브라우저 주소창’, ‘웹앱 주소창 없애기’, ‘Javascript 브라우저 주소창 없애기’, ‘안드로이드 주소창 숨기기’, ‘Html 주소창 없애기’ 검색이 많다. … 더 읽기
codePen, CodeSandbox, jsFiddle 이란? 어떻게 활용할까? 안녕하세요, 여러분. 오늘은 프론트엔드 개발에 있어 매우 중요하고 효율적인 도구를 소개하고자 합니다. 바로 codePen, CodeSandbox, jsFiddle입니다. 이번 포스팅에서는codePen, jsFiddle의 공유 기능과 활용법에 대해 자세히 알아보도록 하겠습니다. codePen, CodeSandbox, jsFiddle이란? codePen, CodeSandbox, jsFiddle은 웹 개발자들에게 아주 유용한 툴입니다. HTML, CSS, JavaScript 코드를 실시간으로 테스트하고 결과를 확인할 수 있습니다. 이 JS피들의 … 더 읽기
jQuery 이벤트 바인딩과 그 외의 메소드들 안녕하세요, 여러분! 오늘은 이벤트 바인딩과 관련된 메소드들에 대해 자세히 살펴볼 것입니다. 이벤트 바인딩이란 특정 HTML 요소에서 일어나는 행동에 대해 반응하도록 코드를 작성하는 것인데요. 이벤트 핸들러라는 함수를 작성하고 이것을 요소에 연결하는 것을 말합니다. 이벤트 바인딩의 변천사 jQuery가 발전함에 따라 이벤트를 처리하는 방법도 변해왔습니다. 초기의 jQuery 1.0에서는 .bind() 메소드를 사용하여 이벤트 … 더 읽기