본문 바로가기

각 종 it

PM9A1 SSD 설치하는 방법 및 후기~설치속도, 부팅속도 실화냐? 오늘은 빠르게 글을 쓰겠다. 밤 늦은 시간이기도 하거니와 빠른 속도의 ssd에 대한 예의라 생각되기 때문이다. 자, 설치방법은 간단하다. 1. 포장을 뜯는다. 그럼 껌 하나가 나오는데, 내용물에 이상이 없는지 살펴본다. 2023.01 제조라... 역시 돈 준 값을 한다니까... 다행히 펌웨어 이슈가 있던데, 최근 제조한 것 답게 펌웨어도 GXA7601Q로 업데이트 되있다. 죽이네~ 2. 자 이제 노트북을 분해 해 보자. 걍 나사만 다 풀면 된다. 보자... 이것을 2016.04.19 - [각 종 it/윈도우 10 & 컴퓨터] - msi cx62 6qd(i7) 노트북 후기 msi cx62 6qd(i7) 노트북 후기 메인보드 사망으로 8년 된 노트북의 디스플레이가 작동 되지 않았다. 수리하시는 분은 그래픽카..
구글이 무한 스크롤이라면, 나는 최신글 스크롤이닷!!!!!<a href='tel:'/> 구글이 검색 결과에 무한 스크롤을 구현 해 놓았기에 따라 해 볼려고 했지만, 걍 스크롤 마지막에서 더 내리면, 최신글로 이동하는 코드를 구현하였다. 코드는... $(function(){$(window).scroll(function(){ //var winScrollBottom = (window.innerHeight + window.pageYOffset) >= document.body.offsetHeight; var winScroll = $(this).scrollTop() || document.body.scrollTop || document.documentElement.scrollTop; var win_height = document.documentElement.scrollHeight - document.d..
오늘은 뭘 보고, 뭘 들을까? youtube RANDOM player! 블로그도 블로그의 나름 매력이 있다. 하지만, 아직 산 날보다 살아야 하는 이들에게는 영상이 더 매력적이다. 부정하지 않겠다. 고로, 이 유튜브를 이용하기로 한다. 유튜브도 한계가 있다. 늘 보던 것을 추천한다는 것! 아무리 기술력이 뛰어나 보는 이의 선호도를 반영한다고 해도, 인간은 늘 항상 새로운 것을 추구한다. 그것이 옳든 그르든. 자, 백문이 불여일견! 이렇게, 옆에 있는 파소콘을 누르면! 이렇게 영화 추천이 나온다. 웹투니 (tistory.com) 웹투니 각 종 웹툰이나 만화에 대한 간단한 후기를 작성합니다. satanzero.tistory.com 구현은 이렇게 나온다. 물론 새로운 것이 좋을 수는 있으나, 이제는 분명 그런 것은 어디에서나 다루는 것이고, 이렇게 임의로 추천 하는 것을 받기 위..
toggle hover 간단하게 만들어보자. See the Pen jQuery hover toggle by Oskar Radon (@oskarradon) on CodePen. hover란 간단하게 위의 것을 의미한다. 특정 엘리먼트에 마우스를 올리면, 작동하고, 아니면 말고. toggle과 구분된다. 토글은 버튼을 누르는 행위로 그 구분을 지으니 말이다. 그런데 이 토글기능과 호버를 섞을 수는 없을까? 그니까, 위 처럼 강제로 누를 필요 없이, 위에 슥 얹기만 해도 작동하고, 나중에 다시 올릴 때 해제하는 그런느낌? 백문이 불여 일견! 이렇게 박쥐를 위를 마우스가 슥 지나가면, 랜덤태그클라우드가 작동 되고, 다시 슥 마우스를 스치면, 사라지는 간단한 기능이다. 본디 테트리스 기능이나 넣을려고 했지만, 이게 눈에 띄어 넣어봤다. 랜덤 태그 클라우드로..
new Date().getTime(),,, 정말 융통성 없다. 컴퓨터는 일반적으로 new Date() 함수를 사용하면, 이렇게 시간이 나온다. 이것은 숫자여? 문자여? 아무튼 일반적으로 new Date() - new Date() 하면 그 시간 차가 계산이 되는데, 그 스레드가 파기 되거나 새로고침 되면, new Date() 자료가 사라진다. 그래서 간단한 스탑워치는 let start = new Date(); let end = new Date(); alert(end - start); 로 만들어 당 스레드에서 계속 돌고 돌려서 구현된다. 그렇담 이 현상을 어찌 구원 할까? 캐시라든지 필자가 애용하는 localStorage를 이용하면 되지만, 그냥 저장하면, 문자로 저장하여 나중에 숫자로서 계산이 안 된다. 음... Date 객체와 날짜 (javascript.info) Date ..
웹툰 애니, 북마크... 몇 화까지 봤더라??? 오늘은 월요일이니까... 최신 애니나 웹툰의 경우 나오는 족 족 보면 되기에, 몇 화까지 봤는가 기억 할 필요는 없지만, 고전이나 추억 그리고 명화의 경우 일일히 기억하기 힘들다. 그래서... 기존의 코드를 응용, 북마크 하나를 더 만들었다. 2022.10.23 - [각 종 it/티스토리 등 프로그래밍] - 티스토리 북마크 만들자 opengraph? 그런거 안 쓸란다~ 티스토리 북마크 만들자 opengraph? 그런거 안 쓸란다~ 지금은 작성하는 글 수가 적어 얼마든지 찾을 수 있지만, 언젠가는 감당 할 수 없을만큼 많아 질 것이다. 우리는 바쁘다. 그러니 북마크는 필요하다. 기능은 간단하다. 우선 저것을 구현한 사이 aldkzm.tistory.com 이 것은 마음에 드는 작품을 북마크하는 기능인 반면, 요것은 저 메모 버튼에 ..
스크롤 프로그래스바 구현~아! 정말 쉽구현! 아는 것과 실행하는 것은 다르다. 정말 아는 것이 많아도, 실행 할 시간이나 노력이 없으면, 구현하지 못한다. 스크롤 프로그래스바... 그거다, 웹페이지를 내리면, 스크롤 되는거.... CSS Progress Bars | CSS-Tricks - CSS-Tricks CSS Progress Bars | CSS-Tricks Just a fun experiment creating progress bars made with just CSS3 (no images). Loads of progressive nerdery packed into one little element. css-tricks.com 이거 참조 해도 되고, How To Create a Scroll Indicator (w3schools.com) How..
onclick()이 만능이야? 이미지 꾸미기, 역시 밤파이아는 이렇게 변신을 해야.... 기존의 웹툰 보는 기능이 너무 밍숭맹숭 한 것 같아, 업그레이드를 시켰다. 스크롤을 내리면 해당 게시글의 대표사진으로 변습하고, 그것을 누르면 해당 작품을 볼 수 있도록 만들었다. 해보면, 별 것 없다. 아, 코드는 이거다. See the Pen Profile Box by William A. | Keyon (@Keyon) on CodePen. 기본적인 기능만 잘 구현 해 놨다면, 꾸미는 것은 걍 덮으면 되는 것이기에 어렵지 않게 구현이 가능하다. 웹투니 (tistory.com) 웹투니 각 종 웹툰이나 만화에 대한 간단한 후기를 작성합니다. satanzero.tistory.com 참고로, 해당 위의 작품은 식량인류로, 극추한다.(예시는 위 링크 참조) 이번 프로젝트를 진행하면서 깨달았는 것이 onclick..

티스토리툴바