kipid's blog

# 음악 플레이리스트 (Music Playlist) 만들기 in Recoeve.net가입하셔서 별점 드래그 하는 것만으로도 자신만의 플레이리스트를 만들 수 있습니다.가입하기 페이지 https://recoeve.net/account/log-in 로 가셔서 ID를 입력하고 구글로 가입하기를 하시거나 간단하게 이메일 ID 비밀번호만 입력하시면 손쉽게 가입 됩니다.기본 카테고리는 제 계정의 카테고리들도 추가해서 카테고리를 뭘로할지 걱정을 조금 덜어드리려고 했습니다.## PH2024-05-07 : First posting.## TOC## [Music/Break]--K-Pop of kipid's Recoeve.net[Music/Break]--K-Pop of kipid's Recoeve.net:https://reco..

# Vertical center align by CSS in HTMLHTML 의 div element 특성상 height 의 경우 child element 들의 height 가 다 계산이 되고 이것을 포함하는 식으로 height 가 정해져서 vertical align 한다는게 생각보다 쉽지가/간단하지가 않음. 그냥 단순하게 생각해보면 대충 이런 CSS 만 넣으면 세로 가운데 정렬이 될것 같지만 제대로 동작하지 않음. (이렇게 동작하도록 browser 들이 만들어줘도 될거 같은데 말이지 ㅡ..ㅡ)아무튼 여러가지 방법들이 검색에 걸리긴 하는데 모든 browser 에서 제대로 동작하는 건 별로 없는듯? =ㅇ=;;; 찾기 힘들다. 우선 대충만 정리해놓고 나중에 다시 정리하겠음.## TOC## Using fle..

# HTML CSS composes, and pseudo-element :after, :active:after, and transition Buttons Add Amount Add Async Add If Odd Images ## Style ```[#pre-code-style-transition.linenums.lang-css] ```/ composes 는 module 단에서만 동작하는듯. ## HTML ```[.linenums.lang-html] Buttons Add Amount Add Async Add If Odd Images ```/ ## RRA https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_transitions/Using_CSS_transitions ..

# 순수한 완전 쉬운 편집 (SEE: Super Easy Edit) 문서K (Markdown: 마크다운): 사용 설명서. 현재 문자들로부터 만들어진 HTML 문서K 가 보여지고 있는 중입니다. ## 문서K 와 SEE (완전 쉬운 편집) 의 초록 | 설명 문서K 의 특징은 다음과 같습니다. 선택 가능한 모드 (밝은 화면, 어두운 화면, 추가로 핑크도 구현할 예정), 글씨체 선택 가능. 글씨 크기 바꾸기 가능, 줄 간격 바꾸기 가능. 자동으로 만들어 주는 목차 (각 섹션, 하위 섹션으로 점프도 가능하고 각 섹션의 왼쪽 T 버튼을 누르면 목차로 이동됩니다.). 섹션들과 그림들 수식들 자동으로 숫자 이름 메겨주기. 참고 문헌 참조 (citing) 쉽게 하기, 팝업 형태로 참조한 문헌들 바로 보여주기. 그림이나 ..

# HTML a href tag with onclick return 가장 간단하게 HTML a (anchor/닻) tag 를 사용하는 방법은 ``` link or #hash text ```/ 와 같다. 그런데 간혹 이 링크를 다르게 처리하고 싶을때도 있다. (페이지 새로고침 없이 ajax 로 처리한다던지, pop-up 을 하고 싶다던지, stopPropagation 을 필요로 한다던지 등.) 이땐 다른 html element 들에서도 사용되는 onclick attribute 를 써주면 되는데, 아래와 같은 것들에는 주의가 필요하다고 한다. JavaScript recommendations It is often the case that an anchor tag is used with the onclick e..

# Email by JAVA (자바 프로그램을 이용해 이메일 보내기, com.sun.mail:jakarta.mail:2.0.1 :: 2021-04-06 에 update 가 끝나있는 오래된 library 임.) 이메일 (Email) 을 프로그래밍적으로 보내고 싶은데 어떻게 해야할까? 개인적으로는 Recoeve.net 에 회원가입을 할 때, 계정 만들고 이메일 통해 인증/확인 하기 위한 용도로 이메일을 활용하려고 하는 중인데, 또 비밀번호를 잊어버렸다거나 했을때의 보완수단으로서 활용하려고... 이러려면 아무튼 프로그래밍적으로 이메일을 보낼 수 있어야 한다. 어떻게 하면 될까? ## TOC ## Gmail (지메일) by com.sun.mail:jakarta.mail:2.0.1 (2021-04-06) Gmai..

# 이진 탐색 트리 (Binary Search Tree, BST) 의 중위 순회 (Inorder), 전위 순회 (Preorder), 후위 순회 (Postorder) 에 대해 알아보자. 먼저, 이진 탐색 트리(Binary Search Tree, BST)는 다음과 같은 특성을 가지는 이진 트리입니다: 각 노드는 최대 두 개의 자식 노드를 가질 수 있습니다. 왼쪽 서브트리의 모든 노드는 해당 노드보다 작거나 같은 값을 가지며, 오른쪽 서브트리의 모든 노드는 해당 노드보다 큰 값을 가집니다. ```[.linenums.lang-py] class TreeNode: def __init__(self, val=0, left=None, right=None): self.val = val self.left = left sel..

# v.qq.com 동영상 퍼오기 동영상 주소: https://v.qq.com/x/cover/mzc00200cg24vid/y0048i7crfg.html iframe ```[.lang-html] ```/ 3분까지만 로딩되고 나머지는 페이지 방문해서 봐야 하는듯? 광고도 많고 ㅡ,.ㅡ;;; 유튜브보다 못한거 같은데, 중국이라서 국내기업 키워주느라 유튜브 막아놓고 이런 사이트 밀어주는듯.

# .webp, .webm, .avif, .mp4 를 img tag, video tag 로 로딩 테스트 (Loading test) .webp, .webm 이 .gif 파일을 대체하는 중인데.. (둘 다 움짤 | 움직이는 짤림방지 사진 이지만 용량 차이가 어마어마하기 때문. .webp, .webm 이 더 압축을 잘함.) .webp 는 사진 크기를 25%로 더 줄여서 압축했음. .webm 은 사진 크기를 50%로 줄여서 압축했음. .webm 파일을 가져다가 크기변환없이 압축했음. .mp4: 9.01MB ## PH 2024-02-18 : First posting. ## TOC ## tag test .webp .webm .avif .mp4 ## tag test .webp .webm .avif .mp4 ## 결론..

# Search what you don't know, and save it to Recoeve.net. And get recoms from automatically added neighbors. When you develope something, you search what you don't know or confused things. Then DO NOT skip the search results, SAVE it to recoeve.net to remember easily and to search it again easy with fuzzy search (Go) option. Therefore when you encounter similar problems, you can easily find solu..

# HTML 에서 동영상 연속 재생하기 (playlist, shuffle, replay) 작성중인 글. 이것도 천천히 정리할듯;;; 여러 동영상을 한꺼번에 이어서 재생하거나 반복재생하고 싶어서 정리하는 중. 구현은 Recoeve.net (/user/kipid?cat=[Music/Break]--K-pop) 에 해놨으니 참조하시길. ## PH 2024-01-07 : start, end. ## TOC ## HTML tag HTML5 로 오면서 tag 도 생긴거 같긴한데... 이건 직접 서버를 운영하는 사람만 써먹을 수 있는듯? 동영상을 어딘가에 파일로 올려놔야 하니까;;; 파일 형태로 업로드하고 그냥 link 넣으면 될라나? 사용방법은 참조하시길. 그냥 대충 이런식으로 집어넣으면 됨. Media event 들..

# Decoherence, the Measurement Problem of Quantum Mechanics 우선 reference들 정리만. 이론 관련 정리는 천천히. 최근엔 뇌랑 연관되어서 뇌가 인식하는 세계, 즉 양자역학의 다세계 해석에 뇌를 끌어들이는게 그럴듯해 보이던데... 자유의지(?), 지적 생명체의 선택(?)에 따라 다른 세계를 인식하고 선택에 따라 다른 세계를 살아간다는 뭔가 사이비적인/종교적인 면도 있는것 같긴 한데... 논리만 따지자면 흠이 없어 보이기도 하고ㅋ. 과학의 범주/영역으로 끌어 내리려면/올리려면 어떤 실험 (+사고실험) 을 통해 이것을 증명할 수 있을까가 핵심일듯. 상대론 (특히나 principle 부분에서) 과도 일관되게 통합되어야 할테고... 누군가는 실험결과만 맞추면 ..

# Data ENCRYPT (정보 암호화) 여러군데에 쓰이는 데이터 암호화. 암호를 암호화해서 저장할때도 쓰이고. 개인정보 보호할때도 쓰이고. 통신을 암호화하고 싶을때에도 쓰이고. 단방향 암호화 (원래의 정보를 확인할 필요가 없는 경우) 는 그냥 hash function 쓰면 되는듯도. 보통 단방향 암호화는 input 이 예전 input 과 일치하는지를 확인하는 용도로 자주 쓰이는듯. (즉 password 확인 같은거.) ## PH 2014-12-21: 예전에 썼던 글이긴 한데, 조금 더 정리해서 posting. ## TOC ## In MySQL MySQL 에서의 암호화 . 대충만 정리. ```[.scrollable.lang-sql] DROP TABLE IF EXISTS `TestUsers`; CREAT..

# 시대공감 - 청년 빈곤. 그들과 통하는 길. by 안수찬 사회팀장 퍼온 글입니다. pdf 로 되어 있는게 폰에서는 읽기 불편할거 같아서 HTML 로 재편집. (저작권에 걸리는건가? 가져가셔서 쓰시길...) "Retweet does not mean endorsement." 라는 트윗을 본적이 있는데, 이 글을 옮겨적는것도 여기서 이야기 하는걸 다 동의한다는 뜻은 아니긴 합니다. 그래도 읽어볼만 한거 같아서 더 편하게 읽을라고 정리하는것 뿐... 2015-01-26 : ㅍㅍㅅㅅ 에 원래 글쓴이/작성자가 다시 정리를 해주셨네요 . 글을 다시 조금 수정하신듯. 전 이전글 (pdf) 을 그대로 옮겼습니다. 추가로 section 나누신거 참조해서 section 들만 저도 조금 더 정리. 편한데에서 보시길. ㅍㅍ..

# 세월호 침몰사고 개인적 정리. 다이빙벨 논란. 링크 모음.###/ 댓글 쓴 사람 고소장 접수.아빠 이름으로2015-12-23http://www.spo.go.kr/minwon/center/report/minwon23_check.jsp1AA-1512-114528대검찰청으로 신청 됨.(꾸준히 업데이트 하고 있는 글입니다. 제대로 정리하지 않아서 같은말이 여기저기 반복되는 경우도 있으니 유의하고 보시길...) 최근에 세월호 특별조사가 진행중에 있네요. 제대로 조사가 이루어지고, 책임을 질 사람은 지고, 비슷한 사고가 다시 일어나지 않도록 구조 메뉴얼이 잘 만들어 지기를... 세월호 희생자 - 단원고 2학년3반 박예슬 미공개영상 "살아서 보자" // 구조 책임자는 자신의 무능 및 이런 사고들에 대해 무지했던..

# Getting Data from Google Spreadsheet or Excel 작성중. Excel 같은 형태로 data를 관리하면 편할때가 많음. 뭐 프로그래밍에 익숙한 분들이라면 SQL 같은걸 이용할수도 있겠지만, 간단한 데이터의 경우 이런것보다 간단하게 excel이나 google spreadsheet 같은 것을 이용하는 것이 훨씬 간편하고 좋음. 그런데 이 data를 인터넷에서 잘 보여주고 싶을때는 excel이 아닌 html / javascript array / JSON (JavaScript Object Notation) 형태로 편집을 해줘야 할텐데... 엑셀이나 google spreadsheet의 데이터를 html로 편집 가능한 형태로 변환해 봅시다. ## PH 2024-02-09 : To ..

# 태양광 발전기 비교분석 및 구입 작성예정. 정부나 지자체에서 반 정도는 비용을 지원해 주는 프로그램들이 많으니 그거 신청해서 다시길... 일반적으로 누진제가 적용되는 주택에 전기를 많이 사용하시는 경우에 태양광으로 전력요금을 가장 많이 줄일 수 있습니다. 전기를 많이 사용하지 않는 경우라면 손해일수도 있어요. 잘 따져보고 결정하시길... (이왕이면 친환경 재생 에너지로 가는게 맞는거 같긴한데, 태양광 판 만드는데 환경오염을 일으킨다는 얘기도 있기도 해서... 뭐가 맞는것일진 잘 모르겠네요.) 그냥 경제적으로만 생각해서 달면 나한테 이득이겠다 싶음 달고, 달아도 손해만 볼거 같다 싶음 달지 마시길... ## TOC ## RRA https://www.q-cells.com/kr/main.html 한화인듯?..

# Benjamin Button - Letters to his daughter Copyright by Paramount Pictures (USA) & Warner Bros. (International) 01:11부터... For what it's worth: 도움이 되기를 바라며: it's never too late, or in my case too early, to be whoever you want to be. 되고싶은 사람이 되는 것, 꿈을 이루는 것에 너무 늦었다는 건 없단다. (내 경우는 너무 이른거겠지.) There's no time limit, stop whenever you want. 시간제한이란건 없어, 그만두고 싶은것이 있다면 언제든 그만두렴. You can change or stay ..

# 양자역학 (Quantum Mechanics) 양자역학에 관해 간략하게 써볼까 생각 중. 특히나 측정 부분이나 양자얽힘(entanglement), Second Quantization 부분. 슈뢰딩거의 고양이, decoherence theory 등도... 우선은 reference만 적당히 정리해서 공개. 정리는 천천히... ## PH 2024-02-09 : Edit to SEE. ## TOC ## Quantum Mechanics of Single Particle 작성중. 간단한 역사 . ### Measurement in QM 작성중. ## Quantum extention to Many-body system Hidden variable theory, Bell's inequality. 작성중. ## Quan..

# 본인 책을 통해 바라본 37세의 박근혜 개인적으로 뉴스, 기사 등을 통해 박근혜 대통령을 접하면서 약간 멍청하긴 해도(?) 본인 자체는 청렴할것도 같다는 생각을 했었는데... 뭐 이렇게 생각한 여러가지 이유가 있었지만, 여기서 내가 읽은 기사들을 다 나열할수는 없고. 대충만 이야기 하자면, 박근혜씨가 아버지 박정희에 대해 평가하는 것, 박정희 대통령 (겸 독재자) 에 대한 여러 평가글들, 프로필 정리 하면서 삶이 어떠했을까도 남들보다는 더 생각해봤던거 같고. 박정희씨도 독재자치고 그렇게까지 부패가 심했다고는 개인적으로 판단하지 않아서도 있고, 어렸을때 부모님을 잃으면서 충격이 컸을것도 같고. 그 시대의 대한민국 보통 집안에서 보다는 아주 풍요롭게 공주처럼 사신듯 하긴 하지만 뭐.... 재벌 2세들처럼..

# 정의란 무엇인가? - 1강 벤담의 공리주의 하버드 대학 계정에서 올린거라 저작권이 안걸리는 영상인데, 아직 영어 자막밖에 없네요. 유투브 자막 올리실 수 있는 분이 올려주시길... 나와 있는 자막이 있는걸로. ## PH 2015-12-22 : To SEE. 좀 더 수정. ## The Moral Side of Murder The Case for Cannibalism 첫 강의를 시작하면서 센델 교수가 질문을 던진다. "당신이 전차 기관사라고 가정해보자. 전차는 시속 100km 정도로 달리고 있는데 브레이크가 고장났다. 선로 앞쪽에는 인부 5명이 작업중이다. 오른쪽으로 비상 철로가 있어서 방향을 틀수는 있지만, 이곳에도 인부 1명이 작업을 하고 있다. 비상 철로로 가서 1명을 희생시키고 5명을 살릴것인가?..

# 소시오패스 이준석이 다시 대외활동 시작한 과정 // 2015-12-23 : 이준석? 덤벼라 씨발새끼야. 좀 찌그러져 있자 이젠.. ㅇㅋ? ㅇㅈ? ㅇㅇㅈ. // 2013-07-20: 반응이 빠르네ㅋㅋㅋ. 페이스북 비공개로 바꿨네? 지랄싸네 병신 소시오패스 새끼. 니 군대도 졸라 개똥같이 해결했다고 들었는데, 이것도 파주랴? // 2013-07-19: 최근 이준석에게 나대지 말라고(TV 나와서 이미지 세탁하는게 꼴보기 싫어서) 트윗을 보냈더니 저를 또 차단했네요. 그에게 이 글을 바칩니다. 저 차단하면서 트위터 프로필도 나때문에 "여러분! 세상은 키보드 밖에 있어요!" 이렇게 바꿨나?ㅋㅋㅋㅋ 종합적으로 이준석은 소시오패스 kipid's blog :: 소시오패스 (Sociopaths) 와는 아예 상종하지 ..

# Quantum Field Theory of Many-body Systems by Xiao-Gang Wen Xiao-Gang Wen Department of Physics, MIT First published 2004 docuK format 테스트 해본다고 만들었던거 같은데... 아까워서 그냥 다시 좀 더 정리. Copyright 가 내꺼가 아니라, 어차피 책 전체를 docuK 화 했어도 공개 포스팅은 못했을듯. 그런데 이거 책 pdf 에서 복붙한건가??? 초반만 읽고 읽지도 않았던거 같은데 이책. 왜 이 책을 골랐지? =ㅇ=;;;;; QFT 공부해 볼 생각에 그랬나??? QFT 알 못. QM 도 잘 모르겠는데, QM 을 특수상대론하고 어찌 짬뽕한건지도 잘 이해가 안갔던... 시작이 Second Qua..

# 지도 퍼오기 (다음 카카오, 네이버, 구글) 지도를 삽입하면서 글을 쓸 일이 생겼는데, 이 참에 3가지 지도 서비스 중 어떤것이 제일 나은지 알아보려고 함. ## TOC ## 구글 구글은 iframe 으로 퍼오도록 되어있고. 코드는 ``` ```/ ## 네이버 맵 네이버는 API https://www.ncloud.com/product/applicationService/maps 이용해야 하는듯? 가입하고 사용등록을 해야만 퍼올 수 있는듯한... https://navermaps.github.io/maps.js.ncp/https://jisoo-log.tistory.com/12 도 참고. 한번 배워서 지도 퍼와볼려고 했는데, 문서도 너무 불친절하고 짜증난다 ㅡ,.ㅡ;;; 나중에 해야지. ## 다음 카카오 (..

# GDP of Korea ## TOC ## RRA News Peppermint - 경제지표의 탄생, 2014-03-06, by ingppoo; 원문: NPR Planet Money - The Invention Of 'The Economy', 2014-02-28, by Jacob Goldstein; "이런 개념들이 처음 등장한 건 1929년 대공황을 거친 이후 프랭클린 루즈벨트 대통령 시절입니다. 길거리에는 실업자들이 넘쳐나고 시중의 돈이 메말라버린 게 자명한 데도 이런 현상을 설명할 만한 숫자가 없었습니다. 루즈벨트 대통령은 처음으로 (미국에서) 1년 동안 생산한 재화와 서비스의 총량을 수치화해 발표했고, GDP라는 개념은 이내 한 나라의 성패를 가늠하는 척도가 됩니다." "하지만 GDP를 비롯한 경제..

# 남한 | 대한민국의 국내 총 생산량 (GDP) 변화: 세계 각국과의 비교 (~2011) // 아직 정리 중. ## RRA 사용한 소스: IMF (International Monetary Fund) 의 entire WEO (World Economic Outlook) database - http://www.imf.org/external/pubs/ft/weo/2011/02/weodata/download.aspx : WEOSep2011all revised ver.01.xlsx 참고1: 경제지표 및 통계자료 볼 수 있는 곳. (IMF, UN, 통계청 자료 등등) 참고2: 국내총샌산(GDP) 및 경제관련 지표들 설명 2009년도 자료까지 정리했었던 글: 남한의 국내 총 생산량(GDP) 변화: 세계 각국과의 비교..

# 남한의 국내 총 생산량 (GDP) 변화: 세계 각국과의 비교 (~2009) // 잘못 분석한 것이 있을 수 있습니다. 알려주세요. // 2010년 이후 데이터도 나왔군요. 이후 데이터들(2011년도부터는 예측치인듯)이 IMF 및 UN-stats 홈페이지에 떴네요. ## RRA 2011년도 자료까지 정리한 글: 남한 | 대한민국의 국내 총 생산량(GDP) 변화: 세계 각국과의 비교 (~2011), 2024-02-08 // 더 최근자료까지 정리해 놓았습니다. 위 링크로 가셔서 확인하세요. 사용한 소스 출처: UN의 unstats.un.org 에서 GDP. http://unstats.un.org/unsd/snaama/dnllist.asp GDP current-USD-countries.xls 참고: 경제지표..

# 박원순(朴元淳) vs 정몽준(鄭夢準) 프로필 비교 2014년 06월 04일 (수요일. 오전6시~오후6시까지) 제6회 전국 동시 지방선거 - 서울시장 후보로 나온 두분의 프로필 비교입니다. 사전선거일은 2014년 5월 30일~31일 (금, 토요일. 매일 오전6시~오후6시까지 사전투표소에서 투표) 입니다. 투표소 위치는 에서 확인하세요. 지역 후보들은 에서 확인 가능합니다. 박원순씨가 서울시장에 당선되셨네요. 축하드립니다. 정몽준씨에겐 심심한 위로를... 선거 끝나고 서로 만나셨던데, 괜찮은 그림같음. 서로 소통과 협력 좀. ## PH 2015-12-13 : To SEE. Google docu link 가 바뀌었네. 동작 방식을 바꾼듯? 사진도 img tag with delayed-src 로 변환. 20..

# 대천사 가브리엘 (Gabriel, Gabriele, Kabriel, and so on) 뭐 요러한 대천사가 있다라고 함. (실제 있는지 없는지는 내가 알수는 없고 ㅡㅡ.) 어딘가에서 긁어왔었는데, 링크는 저장을 안해놨어서... 모르겄당. 다시 검색하면 뜰려나? 안뜰거 같은데 ㅡㅡ. 단어들이 상당히 어려움. 이래야 좀 있어보이는 문장이 되어서 그런건가? 읽고나서 깊은 생각은 각자 알아서... 긁어온 거에서 내가 약간 고쳤었음. 문장들이 좀 이상한게 있어서? 좀 더 강력하고 깔끔하게. ## TOC ##[.no-sec-N] Gabriel ("God is my strength") :: 가브리엘 ("신이 나의 힘이다") One of the two highest ranking angels. 계급이 가장 높은 두..

2014~2015 총리후보, 황교안(黃敎安), 이완구(李完九), 문창극(文昌克), 안대희(安大熙) 프로필 비교 2015-06-11 : 이완구씨도 성완종 리스트에 걸려서(?) 자진사퇴. 황교안씨가 다음 후보로 지명. 2015-02-12 : 2014년 6월쯤에 정리한 글인데, 두 분 다 탈락하고 정홍원 총리가 유임하면서... 이완구씨까지 옴ㅋ. 박근혜 정부의 꽤나 중요한 시점 (5년 임기 중 1년 반째 접어들고 있는) 같아서 이번 총리인선이 중요해 보이는데, 이것저것 말이 많은것 같아서 조금 정리해볼까 생각중에 있음. 이것저것 다른일이 많아서 요즘은 뉴스도 제대로 못챙겨보고 있긴 하지만;;;; 이런거라도 정리하면서 관심 좀 가져야지. 박근혜 정부에 별로 크게 기대는 안하지만, 그래도 망하기를 바라는건 아니라..