라벨이 개발일지인 게시물 표시

랜덤함수의 한계, AI가 답하는 것은 레거시 자료 뿐이다.

이미지
 자바스크립트나 파이썬 등 프로그램에는 랜덤함수가 있다. 그런데 이것이 말이 랜덤함수이지, 직접 써 보면, 거의 같은 결과를 낸다. 특히나 제한 된 시간 안에 딸랑 랜덤함수 내면 그 확률은 더 높아진다. 그도 그럴 것이 애초에 컴퓨터는 설정 된 입력값이나 제한 된 자원에 의해 움직이기 때문이다. 실제로 나는 랜덤박스를 제작하면서, 코드 다양하게 하기 싫어, 하나의 함수로 랜덤을 돌린다. 그러다 보면, 3개가 다 같은 카드가 나오는 경우를 종종 본다. 물론 이를 극복하기 위하여 이중으로 랜덤함수를 돌리거나, (랜덤함수 안에 랜덤으로 난수 집어넣기) 다른 랜덤 함수 등을 병행해서 넣거나 하기는 하지만, 결국 나오는 결과는 비슷하다. 아무리 빠르게 숫자를 시작하더라도 난수 돌리는 숫자 시작점은 같으니까. 카테고리 랜덤박스 (이 박스들도 새로고침 몇 번 하다보면 같은 카드가 나오는 것을 금방 알 수 있다.) 그래서 이번에  송도 1·2동, 똑같은 사전투표 득표수…유정복 인천시장 “나오기 힘든 결과” - 매일경제 송도 1,2동이 같은 사전투표 득표수가 나왔다는데, 컴퓨터의 개입이 있었다는 킹리적 갓심을 느끼고 있다. 랜덤에 대한 검색결과 | 영덕대게태양광 예전에 기억 할 것이다. 넥슨의 확률 조작사건. 넥슨 또 확률 조작 논란…대표 사과에도 이용자 반응은 싸늘 프로그래밍 랜덤 자체도 한계가 있지만, 인간의 의지가 개입되면 랜덤 확률은 쉬이 조작된다. 우연? 통계학상으로 잭팟이 나올 확률인데, 보통 이런 것을 조작 되었다 보는 것이 타당하다. 프로그래밍 하다보면, 컴퓨터도 일종의 습관이라는 것이 있다는 것을 알 수 있다. 그래서 숫자를 분석 해 보면 조작 된 것을 쉬...

코드가 망가지는 요인, html 셀프클로징

이미지
내용없이 그저 html 태그 혼자서 닫히는 것을 셀프클로징 이라 한다. 26.6.3 부정선거 날 그 말 많던 MBC가 스스로 한 것이다. 마치 도망 가듯 아무런 클로징 멘트를 하지 않았었지... 평소에는 더불어 물고 빨아 아주 헐 지경으로 정치 개입을 했지만 이 날 만큼은 화난 궁중들을 피해 성급히 close! 그들에게는 아직 5.18의 공포가 몸 속에 박힌 듯 하다. 여튼, html 규격 식에서는 이런 셀프클로징은 지양 해야 한다. 아무 내용이 없어, 필요 없는 갑다 해서 html에서도 의미를 두지 않거나 오류를 일으키기 때문이다. 하지만 주로 이러한 태그 코드는 자바스크립트에서 기능과 역할을 부여한다.   그러니 불필요한 구문이 아닌데, 이럴 경우 우리는 <div/>보다는 귀찮더라도 <div></div>의 형태로 클로징을 해야 오류가 발생하지 않는다. 그런데 구글 테마 부분에 코드를 넣다보면, 정석으로 클로징을 넣어도 멋대로 셀프클로징 처리를 해 버린다. 왜냐하면, 탬플릿 형태의 XML이 마음대로 최적화 해 버리기 때문이다. HTML에서는 코드를 있는 그대로 받아들이지만, XML은 현 탬플릿에 맞춰 형태를 능동적으로 바꾼다. 기본 골조가 깨지지 않으니, xml이 안전하다고 생각 될 수 있지만, 우회하여 무조건 코드를 강제 적용하는 방법이 있고, 빡친 개발자는 그렇게 적용 해 버리기에 오히려 오류가 나버리면, 찾기가 어려워진다. 강제로 적용했으니 오류 표시가 없기 때문이다. 이 셀프클로징 또한 마찬가지다. 오류기는 하나, 일반 HTML에서는 오류로 표기 안 한다. HTML은 걍 받아들일 뿐인데, xml에서 html로 코드를 그대로 옮긴다면, 제대로 작동하지 않는 불상사가 발생하는데, 이때 괜시리 콘솔에다 엘레먼트가 있는지 확인하는 코드 날리지 말고, 혹 셀프클로징 부분이 있는지 체크 할 필요가 있다. 정 귀찮으면, xml에서 코드 작성 시 빈태그, 셀프클로징을 만들지 않으면 된다. <div><span...

타노스 컨틀릿 예제

이미지
예제는 오른쪽 하단에 플로팅으로 띄웠습니다. 🎬 미디어 검색기 🔍 게시글 수집 중...

타노스 건틀렛 반짝 이벤트 줄 필요가 없음_검색기 보완

이미지
 일전에 프론트엔드로 검색기를 하나 만들었다. 구글블로거 검색기 개정, (ex) 태양만 쳐도 태양광에 대한 모든 자료를) | 영덕대게태양광 장점은 별도의 서버를 운영 할 필요없이, 각자 브라우저 운영으로 간단하게 검색기를 구현 가능하다는 것. 그러나 기존 것은 매번 접속 시 DB를 생성해야하기에 바로 검색을 못 한다는 단점이 있었다. (스캔 및 콜 시간이 있다.) 이를 극복하기 위해서는? local storage를 이용하면 된다. 1. 특정 시간, 예를 들어 하루 마다 갱신을 한다든지의 방안도 있다. 글이 자주 바뀌거나 추가 하는 것도 아니니 이걸로 충분하다. 하지만 이왕 만드는 김에 최초로 각 브라우저에 local로 db를 생성,  이후에는 이 캐시카우로 바로 검색이 가능하게끔 만들었다. 당연히 백그라운드에서는 db를 구축하고, 완료되면 그 때 갱신하는 시스템이다. 즉, 최초 스캔 후 기다림 없이 바로 바로 쓸 수 있다는 것이다. 변경이 있으면 그때 갱신하면 되잖아요. 그럼 소스 낭비도 없을텐데. 그것도 간단하다. 기존의 db와 새로운 db간 차이를 비교하는 if문만 집어넣으면 된다. 하지만, 아직 혹시 모를 개선 사항이 있을지 몰라 조금 더 완성 한 다음 차차 적용 할 예정이다. 사실, 기존의 로딩 방식은 자료가 많아 질 수록,  그리고 인터넷 사용환경에 따라 길어지는데, 이에 사용자에게 가능 여부를 알릴 필요가 있었다. 그래서 모든 db가 구축이 다 되면,  타노스 인피니티 장갑 버튼에 반짝이는 임팩트를 넣었다. 그런데 이번처럼 db개선을 하다보니, 최초에 한번 그 목적을 달성하고, 이후 재방문 시에는 거의 접속과 동시에 반짝이고 있다. 이는 local에 모은 db를 바로 사용 할 수 있음을 말해주는데, 하지만 백그라운드에서 이루어지는 db가 아직 작업이 미완료 상태라면,  조금 부족한 자료에 대한 공동현상 이 발생한다. 근디 그 차이는 게시글 하나 차이거나, 타이핑 시간으로 충분히 가려지니,  문제는 ...

코어 웹 바이탈, 구글이 제안하는 당신의 웹페이지 바이탈 체크

이미지
 얼마 전 웹페이지 seo관리에 있어, 빙웹마스터 도구가 도움이 된다, 언급 한 적이 있다. SEO는 빙웹마스터도구가 제일 낫더라_색인 최적화 | 영덕대게태양광 최적화함에 그래도 약간 더 부족함이 있다 생각되어, 구글 서치 콘솔을 만지작 거리니, '코어 웹 바이탈'이라는 기능을 볼 수 있었다. 처음에는 뭔지 몰라 넘어갔지만, 눌러보니, 각 페이지마다 성능, 접근성, 권장사항, 검색엔진 최적화 등을 평가 할 수 있었다. - 성능은 웹페이지가 얼마나 가벼운가, 빨리 뜨는가를 체크 - 접근성은 시각 포함 비시각적인 요소들도 충족하는가, 고령자나 장애인도 읽을 수 있게 만들었는가 - 권장사항은 구글이 생각하는 웹페이지 요소를 충족하는가? HTML규격에 따랐는가. - 검색엔진은 구글이 얼마나 잘 긁어 갈 수 있도록 내용을 잘 썼는지, 설명이나 제목, 태그에 충실했는지 정도이다.(모바일 친화성이면 더 좋고) 그 이외 용어로는 LCP, FID, CLS가 있는데, 순서대로 얼마나 로딩이 빠른가, 버튼 클릭 속도에 빠르게 반응하는가, 화면이 흔들리지 않은가 이다.(이미지가 없다가 갑자기 등장) 사실, 이 부분은 기존 대형 플랫폼 블로그 서비스를 이용하는 사람들은 신경 쓸 필요가 없다. 티스토리나 네이버 등은 아예 본인 코드를 건들지 못하게 하거나, 건들더라도 최적화에 신경 쓰기 때문이다. 다만, 나처럼 구글 블로그스팟을 뼛속까지 만지는 사람들은... 신경을 안 써도 된다. 그도 그럴것이 최근 SEO에 신경 쓴다며, 게시글에 걸어 놓은 링크에 혹 나쁜 친구들이 있을까, rel ="nofollow" 까지 신경을 썼었다. 그에 따라 성능도 많이 좋아졌지만, 어느날 불법 사이트 링크를 소개하는 사이트가, (대놓고 그 사이트 취지가 바뀐 불법 사이트 주소 알려주는 것임에도) 구글 검색엔진 상위를 차지하고 있는 것을 보니, 힘이 쭉 빠졌다. 그것도 광고도 아닌데 말이다! 그래서 나도 홧김에 다른 사이트에 하나 만들... 여튼, 이 구글에서 분석 한 바이탈...

웹페이지 내 추노 버튼 만들기, 댓글, 관련글 feat SNS 국적표시제

이미지
웹페이지의 글의 폐해가 본 글보다는 댓글에 이미 눈이 가있다는 것이다. 블로거나 일반 웹페이지들은 그나마 괜찮은데, 댓글 전용 sns는 기사나 글 내용을 탐독하기 전에  까내리기 위해, 댓글 1빠를 위해,  댓글 자판에 이미 손이 가있다. 그리하여 러시아에 눈이 많이 오지 않았음에도, 사실 확인 한번도 안 하고, 아무 의심 없이 AI 아니라더니... '폭설' 캄차카 아파트 10층 눈썰매 보도 '거짓' - 오마이뉴스 믿어버려 기사화 해 버리는 기자님들도 발생 하고 있다. (사실, 나도 지나가면서 봤는데, 그렇구나... 하고 걍 스크롤 내려버렸다.) 댓글의 장점은 글을 읽지 않아도 누군가 글의 내용을 요약 해서 흥분 또는 비난한다는 것이다. 단점은 그 댓글 쓴 사람의 역량이나 의도에 따라 본 글 내용과는 아무 상관 없거나 왜곡된 내용으로 받아들일 수 있다는 것이다. 그래서 대한민국이나 일부 여론몰이 좋아하는 국가들은 댓글부대라는 것을 운영한다. 드루킹 여론조작 사건 - 나무위키 장점보다는 단점이 더 많은 것 같아, 이 기능을 넣지 않으려 했지만, 본 페이지가 두서없이 생각나는 기능이나 공간을 창출하는 곳이기도 하고, 독자들 수준이 갈 수록 떨어짐에 시간도 남아 만들어보았다. 만드는 것은 생각보다 간단하다. <a> 태그와 id 개념만 알면 된다. <a href='#comments'>   <button style='padding:10px 16px; cursor:pointer;'>     💬 댓글 쓰러 가기   </button> </a> href에 이동하고자 하는 컨테이너 id만 넣으면 끝. 여기서 더 발전하자면, 이동 시 상단 여유공간이 없으면, 가독성이 떨어지니, 넣어주고, 여유 있으면 스크롤 넣어주고, 이동 후에도 구분이 안 갈 수도 있으니, 해당 컨테이너에 이팩트를 넣어주면 된다. 단, 이 기능들은 자바스크립트로 구현하기는 것이 쉽다. S...

나만의 재생목록으로 유튜버 음악플레이어를(커스텀), 근디 유튜브 api 셔플에 오류가 있네...

이미지
  스포티파이 같은 무료 음악 스트리밍 어플도 있으나, 스포티파이(음악 재생 어플) 무료화 선언! 역시 음악은 취향이 있는지라, 가끔은 내가 모은 재생목록의 음악이 더 좋을 때가 있다. 물론 유튜브에서 찾지 못하는 고퀄 또는 음악들을 스포티파이에서 찾을 수는 있으나, 등장시기가 늦었고, 접근성이 난해 해 어느새 스포티파이는 잊어버렸다. 솔까말, 유튜브 재생목록을 이용한 음악플레이어를 만드는 것 자체는 어렵지 않았다. 다만, 블로거나 코드펜 등에 올릴 때 각 웹페이지 정책 땜시 약간의 코드 수정이 필요하다. 예를 들어, 현 블로거 헤더 위젯에 음악 어플을 위치 시켰는데, 이 헤더 위젯 form이 사라졌다 나왔다 하는지라, 사리 질 때 음악도 꺼진다. 이를 다른 곳에 배치하여 동기화 하는 식으로 해결 해야 하는 문제가 있다. 또한 셔플 문제도 있다. 이 것은 유튜브 api문제로, 셔플을 자주 하다보면 어느 순간 작동하지 않는다. 이에 처음 로딩 했을 때 부터 목록의 셔플화를 한다고 하면 극복이 가능 할 것이라 생각 된다. 모바일에서는 원체 화면이 작아, 굳이 버튼 전체를 나타 낼 필요가 없을 듯 하여, 제스처 방식으로 작동된다. 원터치, 음악 시작, 왼쪽 또는 오른쪽 스와이프 할 때 셔플로 음악 재생 아직 개선점 해야 할 점이 많지만, 차차하면 될 듯 하다. 무료 음악 스트리밍 사이트 추천 그리고 mp3 다운로드 예전에는 무료 홈페이지도 많았는데,,, 취미로 만드는 거니 뭐... music방 헤더 위젯에 올려놓았지만,,, 기능을 자꾸 첨가 하면서, 코드를 관리의 용이성을 위해 메뉴 레이아웃에 올려놓는다. 1곡 반복재생도 있고, 재생목록도 커스텀 했는데,,, 제목을 긁어오는 것은 뭔가 id 같은 것을 쓰라고 한단다... 지레 돈 들까 두려워 이 부분은 생략한다. ㅋ

한겨레의 형광펜 기능을 내 블로그에도 넣어보자

이미지
  한겨레를 구독하는 것은 아니다. 그냥 지나가다 보게 되었는데, 특정 문구마다 형광펜이 그어지는 애니메이션이 설정 되 있었다. 한편으로는 이렇게까지 해서 세뇌를 시켜야 하나? 라는 비판적인 시각도 있었지만, 역동적인 기사 읽기에 도움이 될 듯하여 적용 해 보았다. 사실, 중요 포인트만 읽게 만드는게 독자들에게 좋은 일은 아니다. 힘들게 글을 썼으니, 다 읽어라? 아니다. 중요포인트에 모든 내용이 담겨 있지만, 혹시나 그 주장에서 잘 못 된 것이 있다면, 비판하고, 같이 수정 해 나가는 것도 글 읽기의 중요 포인트이기 때문이다. 윤석렬 대통령 재판만 봐도, 엠비씨나 제티비씨는 특정한 말만 부각해서 제목을 뽑고, 희화화 하는 것에만 몰두 하는데, 좋은 글쓰기도 아니며, 좋은 글읽기도 되지 않는다. 누구나 윤석렬 대통령 재판을 보면, 특검이 증거로서 효력이 없는 것을 들이미는 것이 눈에 보이는데, 김계리 “특검, 尹 재판 증거로 나무위키 제출…기가 차” 홍장원, ‘지렁이 메모’ 반박 “인터넷에 떠있는 그래픽 중 하나를 다운받아 예시한 것” #홍장원 - 다음 루프 노상원 “특검이 허위진술 유도, 회유” vs 특검 “왜곡” 이를 엠비씨나 제티비씨는 보도 하지 않는다. 정말 언론으로서 부끄러운 짓이다. 웃기는 것이, 댓글 달 때 국적표기 하자고 하니, 與, '댓글 국적 표기 주장' 장동혁에 "혐중…국익에 도움 안돼" 혐중이라고 한다... 우리나라 댓글은 중국인과 대한민국인만 다는가 보다. 일론머스크 형이 말했다. 일론 머스크 “남침? 한국, 북한에 그냥 먹힐 것…충격적 수준” 경고한 이유 | 서울신문 보는 보폭이 다르면, 아는 것이 다르면, 많은 것이 보인다. 이러한 비판들도 어느정도 상황을 알아야 가능한 것이다. 그래서 처음에는 형광펜 퍼포먼스에 대해 비판을 한 것이다. 영상이나 쇼츠야 태생적 한계라 하더라도, 신문기사나 언론은 본래의 기능... 하긴, 애초에 제목부터 뽑는 것이 씹창인데, 뭘 바라겠니... 코드는 아래와 같다. ...

무료 rss widget... 내가 만들어버리지 뭐.

이미지
  RSS 는   Really Simple Syndication 의 머리글자를 딴 말이며, 웹사이트에 신규로 등록되는 최신 콘텐츠에 대한 요약된 정보를 빠르게 제공하기 위한 포맷입니다.   블로그, 뉴스, 칼럼 등 업데이트가 잦은 콘텐츠들을 사용자가 편하게 볼 수 있도록 만들어진 규약이라고도 할 수 있습니다 1 . 웹 사이트 관리자는 RSS 형식으로 웹 사이트 내용을 보여 줍니다. 이 정보를 받는 사람은 다른 형식으로 이용할 수 있습니다. RSS 리더에는 웹기반형과 설치형이 있습니다. 웹기반형 리더는 간단한 계정 등록으로 어디에서든 이용할 수 있는 장점을 가지고 있습니다. RSS가 등장하기 전에는 원하는 정보를 얻기 위해 해당 사이트를 직접 방문해야 했으나, RSS 관련 프로그램(혹은 서비스)을 이용하여 자동 수집이 가능해졌기 때문에 사용자는 각각의 사이트 방문 없이 최신 정보들만 골라 한 자리에서 볼 수 있습니다. 또한 RSS는 팟캐스팅과 같은 미디어 배포의 용도로도 사용됩니다.   RSS 2.0의  enclosure  태그 내에 MP3나 MOV 등의 미디어 파일을 첨부하여 배포하면, 팟캐스팅 클라이언트를 이용해 파일을 내려 받아 감상할 수 있습니다 2 . 아래는 RSS 2.0에서의 활용 예입니다: XML <?xml version= "1.0" encoding= "UTF-8" ?> < rss version = "2.0" > < channel > < title > 제목 </ title > < link > 주소/ </ link > < description > 설명 (짤막하게) </ description > < item > < title > 제목 </ title > < link > 주소/글 주소 </...

7일동안 많은 클릭!!!

무선 미라캐스트 끊김 현상을 극복하기 위해서는

군체~이토준지 애니 처럼 시간 떼우기에는 적당한 영화

태양광에서 나사와 볼트의 차이, 체결 방식? 모양?

힘을 내요 미스터 리~대구의 따스한 정(?)과 코믹 그리고 슬픔

단순 무전압 스위치(Dry contact, 건식 접점) with 환풍기

구글브로거 검색엔진 등록(네이버, 다음, 구글, 빙, 줌, 야후 등)