본문 바로가기

전체 글

유튜브를 pc에서 앱처럼 사용하기 안녕하세요 오늘은 꿀팁을 남겨보려고합니다. 유튜브를 앱처럼 사용하는 방법에 대해서 적어볼게요. 먼저 알려드립니다. 게으른여우의 환경은 윈도우10을 사용하고, 크롬 브라우저를 사용하고있어요. 이제 pc앱처럼 만들어볼게요. 먼저 유튜브에 접속해주세요 https://youtube.com YouTube www.youtube.com 그리고 오른쪽 위에 더보기를 눌러주세요. (꼭 유튜브 페이지에서 진행해야함) 그럼 위에 사진처럼 보이는데요. 여기서 "도구 더보기"를 클릭해주세요. 그럼 위에 이미지 처럼 여러가지 도구들이 보여요. 여기서 "바로가기 만들기..."을 눌러주세요. 그럼 위와 같은 팝업이 뜨는데 여기서 꼭! "창으로 열기"를 체크 해주셔야합니다. (창으로 열기 체크를 안해주면 그냥 브라우저로 열립니다.) .. 더보기
브라우저 로컬 스토리지 사용법 로컬 스토리지는 key value 방식으로 저장됨 - localStorage.setItem(key, value); - 데이터는 모두 텍스트로 저장됨 - 브라우저 데이터를 삭제하기 전까지 데이터 유지 로컬 스토리지에 데이터 저장/수정 - localStorage.setItem(key, value); 로컬 스토리지에 저장된 데이터 읽기 - localStorage.getItem(key); 로컬 스토리지에 저장된 데이터 삭제 - localStorage.removeItem(key); 로컬 스토리지에 저장된 데이터 모두 삭제 - localStorage.clear(); 더보기
자바스크립트 유닉스 타임스탬프 변환하는 법 안녕하세요 게으른여우에요. 유닉스 타임스탬프란 특정 시간을 기준으로부터 현재 시간까지 경과한 시간을 초로 환산하여 정수로 표현한 것입니다. 그럼 자바스크립트로 유닉스 타임스탬프로 변환하고, 그 값을 이용하여 년/월/일로 변환하는 법을 알려드릴게요. 먼저 저는 코딩을 보여드리기 위해~ codepen.io를 사용하고 있어요. 위에 이미지는 제 codepen 저장소에요. 링크도 남겨드릴게요. 현재 타임스탬프 data date 위에 이미지는 간단하게 만든 html코드이고, 이번에는 js코드를 보여드릴게요. 위에 코드가 중요한거에요. 대부분 기능은 JS에서 하니깐요ㅎㅎ function Unix_timestampConv() { return Math.floor(new Date().getTime() / 1000); }.. 더보기
[팁] Color Scripter 사용법 (코드 꾸미기) 안녕하세요 오늘은 Color Scripter에 대해 적어보겠습니다. 먼저 Color Scripter이란! https://colorscripter.com/ Color Scripter Simple & Flexible Syntax HighLighter colorscripter.com 위에 이미지는 C언어나 javascript등등 코딩에대해 검색해보신 분들은 한번쯤은 보셨던 화면일거에요ㅎ 코드를 좀 더 보기좋게 만들어주는 사이트입니다! 저도 티스토리에 글쓸때 자주 애용하는 사이트이기도합니다. 위에 링크를 타고가면 위에 이미지처럼 볼 수 있습니다! 사용법은 간단합니다! "언어"를 선택하고, "스타일패키지"를 선택한 후, "배경"도 선택해줍니다. 그리고 클립보드에 복사를 누르고 글쓰기 에디터에 코드를 붙여넣어 주면.. 더보기
[자바스크립트] 유닉스 시간(Unix TimeStamp)변환 javascript 안녕하세요 오늘 적어볼 내용은 한번쯤은 들어보셨을텐데요~ 유닉스 타임스탬프(Unix TimeStamp)라는 겁니다!! 유닉스 시간의 사전적 의미는~ 유닉스 시간(영어: Unix time)은 시각을 나타내는 방식입니다. POSIX 시간이나 Epoch 시간이라고 부르기도 하고, 1970년 1월 1일 00:00:00 협정 세계시(UTC) 부터 경과 시간을 초로 환산하여 정수로 나타낸 것입니다. 위에 빨간 글씨는 강조하는 부분입니다! 그럼 현재 시간을 유닉스 시간으로 변환하는 법을 알아보겠습니다. 저는 자바스크립트(javascript)로 변환을 하겠습니다!! 1 2 3 4 5 // 타임스탬프로 변환 function Unix_timestampConv() { return Math.floor(new Date().ge.. 더보기