본문 바로가기

전체 글

HTML 가로 Slide 구현하기 # HTML 가로 Slide 구현하기 다음이나 네이버 메인 페이지의 가로 slide 들이랑, 사진 가로 slide 들을 어떻게 구현할 수 있는지 궁금해서 알아보는 중. 똑똑하게 scroll 동작을 인식해서 가로 slide 를 바꿔주는게 필요한듯. CSS 를 어떻게 해줘야 하는지가 조금 헷갈리고... ## TOC ## 사진 가로 slide ## rolling, flexible, counter content 1 content 2 content 3 content 4 prev next current : 2, total : 4 ## limit, page:2, speed:300 content 1 content 2 content 3 content 4 prev next ## multiple, view:3, limit .. 더보기
HTML event handler # HTML event handler HTML event handler. Javascript/jQuery 로 HTML 에서 일어나는 여러가지 event 들을 처리해서 interactive 한 페이지를 만들 수 있음. 그런데 헷갈리는 것들이 많고, 어떤 event 들이 있는지도 다 기억하기 힘들어서 정리하는 중. ## PH 2016-02-01 : Smart phone touch event 관련 정리. 2015-12-10 : 조금 더 정리. 2014? : First posting. ## TOC ## Mouse and Touch event ### On click event (getting event position) ```[#mouse-event-result.scrollable] mouse-event-resu.. 더보기
Personal Bookmarks # Personal Bookmarks 개인적으로 모아놓은 북마크/링크들 공개. ## PH 2014-08-02: 조금 더 update. 2014-06-20: First posting. ## TOC ## Physics/Math ### News Medium - Physics-Arxiv-Blog // 물리관련 소식들. 쉽게 쓰여져 있음. 고든의 블로그 - 과학관련 파워 블로거 // 뉴스식으로 과학관련 뉴스들을 꾸준히 올려주심. 직업적으로 운영하시는거 같기도 하고, 따로 직장이 있으신듯도 하고... Astronomy Picture of the Day // 멋진 천문사진들. ### Blogs ghebook.blogspot.kr - 조금은 느리게 살자 by 전파거북이(EM turtle) 블로그 // 물리/수학 관련 .. 더보기
Javascript namespace or encapsulation Javascript namespace or encapsulation C, C#, C++, JAVA 등 에서의 "namespace, private variable, private method" 같은 효과들을 javascript에서 어떻게 비슷하게나마 구현할 수 있는지에 관한 이야기. (자세한 정리는 에서 보시길. 제대로 정리하기가 귀찮아서 -ㅇ-;;; 하더라도 천천히 나중에나 할듯.) (예전에 공부하면서 그냥 대충만 정리해 놓은것들이라;;; 여기선 정말 대충, 엉터리로 정리해놨으니 reference들 참고해서 공부하세요.) Closure란 특성을 이용하는 것인데... Garbage collection과도 관련이 있고... Closure란 단어가 너무 추상적인듯도... closure 특성이라고 많이들 이야기.. 더보기
방화벽 역설(Firewall paradox)로 인한 블랙홀 미스테리 A Black Hole Mystery Wrapped in a Firewall Paradox 뉴욕 타임즈에서 블랙홀에 관한 기사가 하나 실렸다. 블랙홀 미스테리(Black Hole mystery), 호킹 복사(Hawking radiation), 아인슈타인의 일반 상대론(Relativity), 양자 얽힘(Quantum entanglement), 방화벽 역설(Firewall paradox) by AMPS(Ahmed Almheiri, Donald Marolf, James Sully, and Dr. Polchinski) 등이 핵심 키워드. 현대 물리학의 핵심 이론들(theory), 원리들(principle), 신념들(tenet)들이 깨질 수 있다는 기사이다. 기사 내용 중 일부를 미리 몇개만 뽑아보자면, If t.. 더보기
문재인 2012 대통령 출마 선언: 불비불명(不飛不鳴) # 문재인 2012 대통령 출마 선언: 불비불명(不飛不鳴) 2015-12-23 : 본인이 부족해서 대선에서 져놓고도 요새 국정운영을 본인 맘대로 다 하려고 하시는 분. 대다나다. 졌으면 진만큼 power 를 내려놓으시길. 이긴 사람이 마음대로 하는 구석이 더 많아야지. 그 책임은 ㅂㄱㅎ 대통령과 그 사람을 뽑으신 분들이 어느정도 나눠 지는거고. ㅇㅈ? ㅇㅇㅈ. 역시 너무 착하기만 한 사람들은 너무 착해 빠져서 세상을 못바꾸고 자살 ㄱ 싱~ 이 주된 시나리오여. ㅇㅈ? ㅇㅇㅈ. ㅋㅋㅋ 좀 본인이 잘못을 저지르면서라도 세상을 바꿀 생각을 해야지. 어려운 사람을 돕는것보다도 지들 고귀함이 언제나 앞서 있는듯. ㅇㅈ? ㅇㅇㅈ. 수고해라. 지던 말던 이젠 신경 덜씀. 난 내식대로 바꿀란다. 원리 원칙 참들 좋아해.. 더보기
2014 소치 올림픽 - 피겨 스케이팅 (2014 Sochi Olympic - Figure skating) 2014 소치 올림픽 - 피겨 스케이팅 (2014 Sochi Olympic - Figure skating) 남성부도 있었던거 같지만, 김연아가 있는 여성부만. 금은동 모두 영상을 찾아놓고 싶은데 검색이 쉽지 않다. 은: 김연아 from 대한민국 (Yuna Kim from Korea), 금: 아델리나 소트니코바 from 러시아 (Adelina Sotnikova from Russia), 동: 캐롤리나 코스트너 from 이탈리아 (Carolina Kostner from Italy) . 은메달: 엄마 나 김연아 땄어! 은메달은 꿈에도 생각하지 못했다. 자기가 김연아를 딸 줄은. pic.twitter.com/9t5YtoML4w— 만화버전 조여사 (@comic_jo) February 21, 2014 다들 출처를 안.. 더보기
대한민국 2014 동계올림픽 국가대표선수단 트위터 모음 대한민국 2014 동계올림픽 국가대표선수단 트위터 모음 2M Olympics @Olympics 717K 김연아 (Yuna Kim) @Yunaaaa 25K 이상화 (Sang Hwa Lee) @speed_sanghwa 10K 대한체육회 @Korea_Olympic 8K 모태범 @bum9111 8K 박승희 @hkjhy0328 6K 이규혁 (kyouhyuk Lee) @speedkh 6K 이한빈 @lhb0925 5K 이승훈 @success0306 4K 조해리 @hari0729 4K 노진규 @njk0720 2K 박세영 @teen2007 1K 올림픽 @olympiko 1K 김아랑 (AlangKim) @kimalang95 1K 공상정 @tkdwjd1255 1K 최재우 (Jaewoo Choi) @Jaewoo94 582 봅.. 더보기
민주주의 사회에서 애국심이란 무엇인가? # 민주주의 사회에서 애국심이란 무엇인가? 내 개인적으로는 민주주의 사회에서 애국심이란 그 사회 구성원들과 그 구성원들의 과거와 역사에 관한 관심과 사랑 이라고 생각. 미래를 함께 바라보는 노력도 포함되어야 하겠고.... 긴 얘기 하기 귀찮음. 어차피 길면 잘 읽지도 않을거... ## PH 2015-12-23 : First posting. ## TOC ## 태극기 그리는 법 도덕 교과서에 그림보다 쉽게 태극기 그리는 방법 오늘의 유머 - 태극기 그리는법 ## 결론? 서울시랑 보국처(?) 랑 태극기 가지고 그만 좀 싸우자. ## RRA blog.naver.com/lsk0234 :: 도덕 교과서에 그림보다 쉽게 태극기 그리는 방법, by 민들레 오늘의 유머 - 태극기 그리는법, 2011-04-27, by 슘.. 더보기
움직이는 사진 gif 만들기 (GifCam.exe) # 움직이는 사진 gif 만들기 (GifCam.exe) 예전에 움직이는 사진 (gif 이미지) 만들고 싶어서, +어떻게 만드는지 궁금해서 검색해봤을때는 포토샾을 사용해야 한다던지 하는 어려운 방법밖에 못찾았어서 귀찮고, 배우기 힘들어서 그만뒀었는데, 최근에 gifCam 이라고 가볍고 사용법이 간단한 프로그램을 찾아서 정리 및 홍보하려고 글 작성. 꿀캠 (Honey cam) 이란 프로그램도 있었구나 . 이건 오래된 프로그램 같은데 왜 예전에 검색할때 못찾았을까나;;; 이건 WebM, WebP 영상 (gif 랑 비슷하지만 img 가 아니라 video. 용량면에서 1/10 정도라는듯? 그런데 다른 video format 도 gif 비해서는 1/10 정도 아닌가??? 이걸 잘 모르겄네;ㅋ 소리없는 영상들도 gi.. 더보기
[김어준의 Papa is #1] 어준의 귀환! "닭을 열심히 튀기겠습니다" [김어준의 Papa is #1] 어준의 귀환! "닭을 열심히 튀기겠습니다" 유투부 동영상 start, end 설정 을 테스트하고 싶었는데, 괜찮은/적당한 (시사성도 있고, 많이 퍼졌으면 좋겠고, 재미도 있고 한?) 동영상 이 떠서 시도해봄. 진행: 김어준 총수/딴지일보 패널: 김보협 기자, 송채경화 기자/한겨레, 선대인 소장/선대인경제연구소 게스트: 김용민 변호사, 유우성 전 서울시 공무원 연출: 이경주, 작가: 서정원, 기술감도: 박성영, 종합편집: 문석진 이규호, 조연출: 이동주, 디지털편성: 박종찬 음악: 3호선 버터플라이 Table of Contents Introduction "start=0 & end=3m32s=212" 간단한 소개. 한겨레TV의 새로운 시사쇼! [김어준의 KFC] 왜 ‘KFC’.. 더보기
결과 지상주의의 매력 (공리주의?) # 결과 지상주의의 매력 (공리주의?) 조그마한 잘못을 저질러서 큰 뜻을 이루는 것도 꽤나 괜찮은 방법이라고 개인적으론 생각. 작은 잘못은 작게 처벌하고, 큰 잘몬은 크게 처벌. 조금 잘한건 조금만 칭찬하고, 많이 잘한건 많이 칭찬. 이래야 개인이나 사회가 좀 더 괜찮은 방향으로 나아갈 수 있다고 보는지라... 뭔가 큰 뜻을 이루려고, 자잘하게 잘못을 저지르는 것들은 충분히 정당화 될수도 있다고 봄. (뭐 그것도 처벌하고 싶다면 잘못에 비례하게만 처벌 하면 되겄지.) 더보기

티스토리툴바