history를 사용해 앱처럼 뒤로가기 최근 업무 중에 재밌는 요청이 있었습니다.햄버거 메뉴나 검색 모달을 뒤로 가기 했을 때 모달 컨텐츠만 닫히고 페이지가 뒤로 가지 않았으면 좋겠다는 것이었습니다.여차저차 성공해서 뒤로가기 했을 때 페이지가 뒤로 가는 것이 아닌 모달 컨텐츠만 닫히도록 하였습니다.아래 코드의 진가는 모바일 제스쳐, 마우스 좌측의 뒤로 가기 버튼에 있습니다.모바일에서 제스쳐 뒤로 가기나 마우스로 뒤로 가기를 해도 페이지 이동이 아닌 모달 컨텐츠만 닫히는 것입니다!좀 더 앱 환경에 가까워진 것이죠.이 좋은 걸 저 혼자만 알 수 없어서 코드를 다듬어 왔습니다.아래 코드를 VS Code에서 라이브 서버로 보시면 한 눈에 이해하실 수 있습니다. See the Pen Untitled by 이종원 (@orugpbqu-the-soli.. 2024. 10. 10. 다락방에 핀 야마하 (P-225 2.5주 사용 후기) 안냐세요.언박싱 글은 다들 보셨나요.결국 블루투스 이어폰을 피아노와 연결하는 것은 일단 보류하였습니다. (성공은 했으나 레이턴시가 있습니다.)인생 참 쉽지 않아여.우선 몇 가지 정정 사항이 있습니다.P-225는 오디오 인터페이스가 자체 내장된 모델이었습니다.그러나 여전히 오디오 인터페이스는 필요할 것으로 보입니다.피아노와 노트북을 usb로 연결한 후, 소리 세팅의 인풋과 아웃풋을 올바르게 설정하면 별도의 프로그램 없이 블루투스 이어폰으로 소리를 출력할 수 있습니다.(오디오 인터페이스가 자체 내장된 모델만 가능합니다.)야마하 드라이버 설치하는 법 Yamaha Steinberg USB Driver V2.1.6 for Windows 11/10 (64-bit) - 야마하 - 대한민국 kr.yamaha.com 링.. 2024. 10. 5. 00님, 저희 페이지 검색해도 안 나오는데요?[4] (meta tag 작성하는 법) 이번 주제는 meta tag입니다.작성법부터 주의사항까지 실전에서 사용할 수 있을 정도로 알아봅시다.meta tag의 특성html의 안에 위치합니다.웹 페이지의 정보를 사용자나 로봇에게 알립니다.웹페이지의 제목, 설명, 키워드, 작성자, 언어, 캐시 제어 등의 메타데이터를 정의합니다.meta tag 작성법 위 코드를 복사한 후 상황에 맞게 수정하시면 됩니다.대부분의 코드들은 meta tag의 name 속성을 참고하시면 됩니다.여기서 중요하다고 생각되는 태그들의 설명을 도와드리겠습니다.meta name="title"이 title은 탭의 이름으로 나오는 제목입니다. meta name="description"이 태그는 페이지의 간단한 설명을 제공합니다. 검색 결과에서 페이지 제목 아래에 표시되는 텍스트로 사.. 2024. 10. 5. 00님, 저희 페이지 검색해도 안 나오는데요?[3] (robots.txt 작성하는 법) 방가링!다들 바쁘니까 바로 드갑시다.robots.txt 작성법#은 주석입니다.User-agent: *Allow: /blog/# /blog/ 경로 아래의 모든 페이지 크롤링 허용Disallow: /admin*# /admin으로 시작하는 모든 페이지 크롤링 금지Disallow: /login*# /login으로 시작하는 모든 페이지 크롤링 금지Sitemap: https://bellriver.co.kr/sitemap.xml# Published by # ██████╗ ███████╗██╗ ██╗ ██████╗ ██╗██╗ ██╗███████╗██████╗ # ██╔══██╗██╔════╝██║ ██║ ██╔══██╗██║██║ ██║██╔════╝██╔══.. 2024. 10. 4. 00님, 저희 페이지 검색해도 안 나오는데요?[2] (sitemap.xml 작성하는 법) 바쁘신 분들을 위해 작성법 먼저 보여드리겠습니다.sitemap.xml이 무엇인지, 주의 사항 등이 궁금하신 분들은 하단의 글을 참고 부탁드립니다.sitemap.xml 작성법sitemap.xml 파일은 텍스트 파일로 만든 후 확장자를 xml 파일로 저장하면 됩니다.(xml 파일 확장자로 저장 시 파일이 깨질 수 있다는 경고문이 나올 수 있습니다. 무시하고 저장하셔도 됩니다.)아래는 sitemap.xml 파일의 형식입니다. https://bellriver.co.kr https://bellriver.co.kr/blog 위 코드를 복사하신 후, 보이고 싶은 페이지를 표시하면 됩니다.표시한 페이지는 로봇들이 크롤링해서 필요한 정보를 가져가게 됩니다.(대외적으로 .. 2024. 9. 30. 00님, 저희 페이지 검색해도 안 나오는데요?[1] (SEO 개념 이해) 안냐세요.검색 시 최상단에 나오게 하고 조회수 올리는 방법 바로 들어갑니다.(시리즈임다. 방법은 차례대로 업로드하겠습니다!)SEO?SEO(Search Engine Optimization, 검색 엔진 최적화)라는 개념이 있습니다.간단하게 설명하면 구글 검색, 네이버 검색 등 포털 사이트에서 검색 시 내 글이 첫 페이지의 최상단에 나오게 하는 기술입니다.좀 더 자세한 설명은 구글이나 네이버와 같은 포털 사이트의 서치 로봇들이 내 사이트를 검색할 수 있도록 내 정보를 공개하거나 숨기는 기술이라고 할 수 있습니다.왜 숨김?기업을 예로 들면 도면 등이 담긴 페이지, 관리자 페이지 등의 대외비 페이지는 숨기고, 대외용 페이지만 노출하기 위해서입니다.이걸 모르거나 잘못하면 기밀 유출되고 그런답니다.사이트 제작시 SE.. 2024. 9. 27.
