공지사항

북마크 입니당 >

free RSS widget gallery for mobile

이미지
이 위젯의 용도는... 망가 아니, '만화'이다. rss로 만화를 뿌려놓으면, 이 위젯을 그것을 받아, 갤러리 형식으로 보여준다. 웹툰에도 응용이 가능할까 생각되지만, 만화책과는 달리 세로로 쭉 이어서 보는 웹툰 특성 상 어울리지 않는다. 하지만, 만들지 못하는 것은 아니다. Image Slider with Thumbnails 구조는 간단하다. 밑에는 각 게시글의 대표사진을 놓고, 위에는 그 게시글의 대표사진들 전부 나열 하는 것! 모바일을 위해 만들었으니까, 크기는 가로 최대 100% 겨냥하였다. 데스크탑 용도 있지만, 그것은 나중에 따로 다루도록 하겠다. 본 이미지 오른쪽을 터치하면, 다음글, 왼쪽을 터치하면, 이전글. 다시 한번 말하지만, 이 것은 태양광 홍보를 위한 것이 아닌 만화를 좀 더 수월하게 보기 위함이다. 근디, 저작권 등 문제로 여서는 올리기 곤란하다. 내 글이야, 내가 썼으니까, 마음대로 쓰는 거지만, 물론 다르게 응용이 가능하다. 내가 관여한 태양광 프로젝트 사진들을 올리는 것이다. but 아무래도 1mw급 이상 되는 곳은 출입 하는 것도 까다로워서, 아무리 내가 집도한 태양광발전소라도 사진을 올리기는 쉬운 일이 아니다. 그 장소도 그 장소 나름대로 보안 사항이 있어, 사진을 모으는 것도, 게재하는 것도 쉬운 일이 아니다... 분명 이름만 들어도 알만한 기업인데... 자랑하고 싶은데,,, 아쉽다. 어차피 위성사진 돌리면, 다 찍히는 거잖아요. 근디, 모든 지도를 다 돌려 볼 것도 아니고, 심지어 위성에도 안 찍히는 곳도 더러 있더라고... 그래서 우선 망가 보여주는 용도로만 사용하기로 했다.  

구글블로그스팟 포함 링크 이미지 썸네일2, createElement();

이미지
  대표적으로 티스토리를 보면, 링크를 게시글에 걸고, enter를 누르면, 관련 이미지가 떠오른다. 구글 브로거 링크 이미지 썸네일 가능해요? (xehostel.blogspot.com) opengraph 기능이라고, 나도 이 것을 쓸려고 했다가, 파싱을 쓰다보니, 결국 이 길로 빠져버렸다. 파싱을 쓰던, rss를 쓰던, opengraph를 쓰던, 중요하지 않다. See the Pen 구글블로그스팟 링크 이미지 썸네일 by xelaw ( @xelaw ) on CodePen . 결국 이 게시글의 주제는 createElement(); 이기 때문이다. 기존의 구글 html은 건드는 것은 싫고, 그렇다고 링크 걸때 마다 일일히 html을 작성하기는 싫고, 그럴 때 쓰면 좋은 기능이다. createElement(); 즉, 엘레멘트, 허상을 만든다는 의미다. 근디, 막상 만드니, 흥미가 떨어졌다. 좀 더 꾸미면, 티스토리 따위 씹어 먹을 수 있는데,,, 기존에 마우스 호버 시 그림을 띄우는 것이 아무래도 좀 더 동적인 느낌이 강해서... 만들어 놓기는 한데, 실전에 투입은 유보 상태이다. 차라리 해당 링크가 눈에 띄면, 갑자기 이미지가 나오도록 애니를 적용하던가... 여기다, 요즘 ai 트랜드가 글자를 막 써놓고, 링크를 거는 것이 트렌드라 그 트렌드를 따르도록 한다. 이런 거 하나 하나 작성 해 놓으면, 뭐, 언젠가는 써 먹을 날이 오겠지. 혹시나 해서 말하지만, 지금은 파싱을 써서 있는 그림, 없는 그림 싹다 모았지만, rss라든지, opengraph를 쓰면, 대표 사진이나 게시자가 의도한 글 또는 그림을 깔삼하게 보여 줄 수 있다. 결국 오늘의 주제는  function insertThumbnail(link, data) {                 const thumbnailDiv = document.createElement('div');   ...

파싱과 rss의 차이, '신재생에너지' 파싱 widget 공유

이미지
  웹페이지 파싱 목적 : 웹페이지 파싱은 특정 웹페이지에서 원하는 데이터를 추출하는 과정입니다. 주로 HTML 구조를 분석하여 필요한 정보를 가져옵니다. 구현 : 자바스크립트와 같은 클라이언트 측 언어를 사용하여 웹페이지의 HTML을 파싱할 수 있습니다. 이는 브라우저에서 직접 실행되므로, 별도의 서버 설정 없이도 가능합니다. 예시 : 특정 웹페이지에서 기사 제목이나 링크를 추출하는 작업. RSS 피드 구현 목적 : RSS 피드는 웹사이트의 최신 콘텐츠를 자동으로 제공하기 위한 표준화된 XML 형식입니다. 주로 블로그, 뉴스 사이트 등에서 사용됩니다. 구현 : RSS 피드는 XML 형식으로 작성되며, 이를 생성하고 배포하기 위해 서버가 필요합니다. 서버는 RSS 피드를 호스팅하고, 구독자들이 이를 구독할 수 있도록 합니다. 예시 : 블로그의 최신 게시물을 RSS 피드로 제공하여 구독자들이 자동으로 업데이트를 받을 수 있게 하는 작업. 주요 차이점 데이터 구조 : 웹페이지 파싱은 HTML 구조를 분석하여 데이터를 추출합니다. RSS 피드는 XML 형식으로 작성되며, 특정 구조를 따릅니다. 목적 : 웹페이지 파싱은 특정 데이터를 추출하는 데 중점을 둡니다. RSS 피드는 콘텐츠 배포와 구독에 중점을 둡니다. 구현 방식 : 웹페이지 파싱은 클라이언트 측에서 자바스크립트를 사용하여 직접 구현할 수 있습니다. RSS 피드는 서버 측에서 XML 파일을 생성하고 호스팅해야 합니다. 예시 코드 웹페이지 파싱 예시: JavaScript fetch ( 'https://example.com' ) . then ( response => response. text ()) . then ( data => { const parser = new DOMParser (); const doc = parser. parseFromString (data, 'text/html' ); const titles = doc. q...

워킹 데드~ 시즌 11에서 마무리 되었지 아마? 접근하기 어렵다면? 더 원스 후 리브!

이미지
시즌 5까지는 tv에서 틀어주고, 출현 했던 한국인이 하차 하여, 의리 때문에 보지 않았었는데...  벌서 시즌 11로 마무리 되었다. 지금 다시 보기에는 그렇고... 그래서 단 한편!을 추천하자면, ' 더 원스 후 리브' 를 추천한다. 이야기도 깔끔하고, 지루하지도 않다. 생각나는 애니나 작품으로는 위아더좀비~정말... 한국인들은 착한 사람 밖에 없네... (xehostel.blogspot.com) 이건 한국인 전용이라... 전혀 관련 없고. 나는 엄마다~좀비가 되어도, 널 지켜줄게 (xehostel.blogspot.com) 그나마 이것과 비슷하다. 근디, 이것은 인간의 잔악성보다는 좀비 괴물의 작악성이라... 그리 생각하면 관련 없네. 지금 우리 학교는~학교에 좀비가 풀리면? (tistory.com) 이것은 웹툰인데,,, 이것은 인간의 잔악성이기는한데... 워킹데드보다는 떨어지지... 좀100~회사 vs 좀비 세상 (tistory.com) 이 곳은 코믹물인데,,, 봐야지, 봐야지, 하면서 안 봄... 그만큼 재미가... 물론 초반에 여비서와 사장이 그렇고 그런 짓을 하다가 좀비가 되는 것이 신선하기는 한데... 재미 없을 것 같음. 데드퀸~7화까지만 버티자. 그 때부터는 이야기가 거충열도하게 흘러간다. (xehostel.blogspot.com) 얘는 좀비가 아닌, 곤충이잖어... 그래도 인간의 잔악성을 보여주니... 비슷 할 지도? 스위트홈~시즌 3, 재미 없는 연극을 보는 느낌 (xehostel.blogspot.com) 이것도 있었네... 근디, 이 것은... 한국 망신이다...

영덕대게 태양광 무료 rss feed widget2

이미지
  무료 rss widget... 내가 만들어버리지 뭐. (xehostel.blogspot.com) ver 1보다 디자인 적으로 2가 더 낫다. 1 같은 경우는 사실, 특정 사이트를 따라 할려고 만든 것인데, 가만히 보니, 그 사이트도 최소한 제목과 태그는 표시 해 놓았다. 그래서 개선 된 작품이다. See the Pen 영덕대게 태양광 rss feed widget2 by xelaw ( @xelaw ) on CodePen . 그 안에 있는 게시글의 이미지를 다 긁어와서, 미쳐 보여주지 못한 그림들을 보여주는 효과를 가져온다. 태양광 REGO, 자가 소비 태양광 인증서 판매 가능? (xehostel.blogspot.com) 마치 있는 rec, 없는 rec를 억지로 긁어모아, 자가용 태양광 전기도 rec로 인정해줘! 라는 억지 주장과 같은 의도다. 물론 기존 ver1도 다 보여주기는 하지만, 모바일에서는 카드 뒷장을 보는데 한계가 있다. 앞으로 이 rss feed는 태양광과 관련 소식들을 올릴 것이다. 예를 들어, 태양광 레고의 연장선에서, 태양광 re100을 실현하기 어려워 국내 기업이 태양광 전기를 구입하기 쉽고, 싼 곳인 해외로 이전하겠다는 뉴스가 떴다.... 순간! 아니, 본인 공장 위에다 지으면 되지 않는교? 라는 생각을 하게 되었다. 이 정도만 올려도, 500kw는 걍 나온다. 사실, 모듈 각도만 협의 봤으면, 더 나올 수 있다. 경기도 모 지사께서는 자가용이라는 선택지가 있지만, 본인이 쓴 전기에 대해서는 rec가 발급 되지 않으니, 부과적인 수익이 나지 않아서 기업들이 하지 않으려 한다며, 태양광 REGO, 자가 소비 태양광 인증서 판매 가능? (xehostel.blogspot.com) 를 주구장창 주장하는데, 그런 의미에서 지원이라면, 더욱 반대한다. 아니, 나라에서 태양광 정책 풀어주고, 지원 해 주면, 님이 좋은거 아닌교??? 음... 녹색프리미엄 전기도 충분히 싸고, 자가용이 rec가 안 나온다고 해서 생떼 쓰는 ...

신재생에너지 종류 및 범위(re100 기술 기준 개정)

이미지
  태양광에너지와 태양열에너지의 차이(신재생에너지의 종류) (xehostel.blogspot.com) 일전에도 신재생에너지의 종류를 언급 한 적이 있다. 사실, 신재생에너지 기사인 내가 봐도, 종류 및 범위를 구분하는데 있어 어려움이 있었다. 현역에 종사하기 전까지는. 신에너지? 그야 말로 새로운 에너지를 의미한다. 재생에너지? 거의 무한에 가깝게 쓸 수 있는 에너지를 의미한다. 이 두 개념만 유념하면, 신재생에너지를 분류하는데는 어려움이 없다. 이번에 cdp(cd 플레이어의 약자인가? ㅋ 농담)에서 re100 기술 기준 개정있을 것이라 한다. 수소와 석탄을 혼합한 발전소를 신재생에너지로 인정하지 않겠다고 한다. 그 이유는? 바로 그들이 원하는 것은 에너지의 원료가 100% 신재생에너지여야 한다는 것이다. 아무리 수소가 신재생에너지라고 하더라도, 석탄이 섞여 있으니, 신재생에너지가 될 수 없다. 아니, 그러면, 신에너지에는 포함이 되어야죠? 기존의 수소와 석탄을 섞은 것이라 신에너지라고 보기에도 부족함이 있다. [단독]수소-석탄 혼소발전, RE100에서 제외될 듯 (daum.net) 이 기사에 덧붙여 은근슬쩍, 스리슬쩍, 녹색프리미엄도 re100 부록에 들어 갈 것이다라고 하는데, 태양광 REGO, 자가 소비 태양광 인증서 판매 가능? (xehostel.blogspot.com) 안 되는 이유는 지난번에도 설명했다. 기업이 100% 신재생에너지로 제품을 생산 및 관리하는 것을 목표로 하는데, 돈 주고 산다고? 그리고 자가사용으로 태양광 단 사람들 공통적인 특징이, 기존에 썼던만큼 전기를 쓰는 것이 아니라, 이제 태양광 있으니, 마음껏 전기를 쓰자는 심보들이 많다. 그래서 공통적인 질문이 들어온다. '왜? 태양광을 달았는데, 전기세가 더 나오죠???' 공통적인 대답은 이렇다. '발전소가 이상이 없다면, 님이 작년보다 더 많이 쓴 겁니다.' 에너지 절약이 re100의 목적은 아니지만, 궁극적으로 환경 오염을 줄이자는데 목적이 있는데, 그...

태양광 REGO, 자가 소비 태양광 인증서 판매 가능?

이미지
 REGO란 무엇인가? 리뉴얼에너지개런티오브오리진의 약자다. 아직 가칭 단계로, 레고라고 읽으면 편할 듯 하다. 기존  자가 소비 태양광 같은 경우 re100 확인서라 하여, 인증서가 나오기는 하였지만, 양도는 불가능 했다. RE100확인서와 REC의 차이(상계거래나 단순병렬연결도 REC 받을 수 있나요?) (tistory.com) 하지만, REGO란 개념이 발생하며, 우리나라에서도 이제는 자가 소비 태양광 인증서, 즉 판매가 가능한 인증서가 나오는데, 이것을 바로 '레고'라 부를 계획이다. 굳이 RE100 확인서 목적 : 기업이 사용하는 전력을 100% 재생에너지로 전환했음을 인증. 발급 주체 : RE100 캠페인에 참여하는 기업들이 발급받음. 활용 : 기업의 재생에너지 사용 실적을 공식적으로 인정받아 RE100 목표 달성에 활용 1 . REGO 인증서 (Renewable Energy Guarantees of Origin) 목적 : 재생에너지로 생산된 전기를 사용했음을 인증. 발급 주체 : 재생에너지 생산자가 발급받아 거래 가능. 활용 : 재생에너지 사용을 증명하고, 이를 통해 친환경 이미지를 강화하거나 법적 요구사항을 충족 2 . 주요 차이점 사용 목적 : RE100 확인서는 기업의 재생에너지 사용 목표 달성을 위한 것이며, REGO 인증서는 재생에너지 사용을 증명하기 위한 것입니다. 발급 및 거래 : RE100 확인서는 기업이 직접 재생에너지를 사용하여 발급받는 반면, REGO 인증서는 재생에너지 생산자가 발급받아 거래할 수 있습니다 1 2 . 이 두 인증서는 모두 재생에너지 사용을 촉진하는 데 중요한 역할을 하지만, 그 목적과 사용 방식에서 차이가 있습니다. 추가로 궁금한 점이 있으시면 언제든지 말씀해 주세요! 구별할려고 하면, 이렇게 구별이 가능하지만, 사실, 태양광전기를 사용했다는 인증서로, 구태여, 대한민국에서 말도 안 되는 일을 추진함에 있어, 새로운 개념을 갖다 쓰는 것이다. 이는 경기도에서 자기들 지역만 한다, 광고한 적이 있...

무료 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 > 주소/글 주소 </...