태스크 관리에 구글캘린더를 사용하기 시작하고 나서 느낀 점을 기록해둔다. Task 기능 단발성 태스크는 구글 task로 시간 등록해놓으면 굳이 1시~2시같이 범위 지정 안해도 되어서 좋다. 반복 지정도 가능해서 매우 편리하다. 아쉬운 점 태스크도 색깔별로 구분이 되면 좋겠다는 것.. 암튼 걍 시작시간만 지정이 되는 점이 좋았다. 전체 카테고리 오늘 태스크만 보기 기능이 없다는거. 캘린더로 보라는 건가봄 시간 지정 그냥 구글 캘린더에 아쉬운 점은 그냥 아무 태스크나 지정해두고 시간은 비워놓고 임시로 담아놓을 수 있는 함이 있으면 좋겠다. 근데 오히려 그렇지 않아서 성실하게 시간 범위를 생각하게 되는 좋은 효과가 나지 않나 싶기도 원래 예상 시간을 생각 안하면 말도 안되는 계획표가 나오는데 타임 블럭으로 기..
사전지식 : mht 파일로 웹페이지를 아카이빙 할 수 있다. .mht 파일이란? MHT 파일은 Microsoft에서 만든 웹 페이지 아카이브 파일 형식입니다. HTML 코드 및 포함된 이미지를 포함한 웹 페이지 콘텐츠를 단일 파일에 저장합니다. MHT 파일은 Internet Explorer, Microsoft Edge 및 다양한 웹 브라우저에서 열 수 있습니다. HTML 삽입 미리보기할 수 없는 소스 MHT 파일 정보 - MHT 파일 형식이란 무엇입니까? 관련 소프트웨어 및 MHT 파일 구조 등과 함께 자세한 MHT 파일 정보로 MHT 파일 형식을 이해합니다. kb.fileformat.app HTML 삽입 미리보기할 수 없는 소스 'Google Drive에 저장' 확장프로그램 설치하기 웹스토어에서 goo..
준비물 : 드라이버, 안 쓰는 플라스틱 카드or헤라, 그리고.. 힘 과정 자체는 간단하다. 나사를 푼다. 플라스틱 카드로 덮개를 들어낸다. 램을 끼운다. 부팅 되는지, RAM 용량이 제대로 늘어났는지 확인한다. 다시 덮개를 덮는다. 나사를 조인다. 💪나사를 풀어주는 것 부터 난관이었다 feat.힘없는 사람 난관은 처음부터 찾아왔다. 내 힘으로는.. 나사가 풀리지 않아... 얇은 드라이버가 좋다고해서 얇은 걸로 준비했는데 ㅠㅠ 그래서 혹시.. 하고 샤오미 전동드라이버 젤 얇은 십자로 해봤는데 이걸로 해결했다! 저번엔 전동 드라이버로 작은 나사 풀기 실패했는데.. 왜지?! 구멍이 깊어서 그런가?! 아무튼 저처럼 손에 힘이 없으신 분들은 전동 드라이버 추천. 🔩종이에 노트북 나사 위치를 표시하고 푼 나사를 해..
색깔별로 간단하게 기록 가능하고, 분류별 총 소요 시간을 계산해주는 시간 기록 템플릿이 필요해서 만들었습니다. 시계부 템플릿 (공유용)월간통계 2022.10 각 시트의 일주일 총합 복사 후 여기에 Ctrl + Shift + V 분류,1주 합계,2주 합계,3주 합계,4주 합계,5주 합계,월 총합/분,시간 환산 0,00:00 0,00:00 0,00:00 0,00:00 0,00:00 0,00:00 0,00:00docs.google.com파일 → 사본만들기로 개인 구글 드라이브에 복제하여 사용 가능합니다. 💡간단 소개시간을 분류별(색깔별)로 간단하게 기록 가능합니다.분류별로 총 소요 시간을 계산해주며, 일주일치 합산이 가능합니다.⚠️ 월별 시트에 일주일치 합계는 따로 붙여넣어야 합니다. 📌구조한달 분량을..
윈도우환경에서 ATOM을 쓰며 생긴 이슈들을 이 포스트에 지속적으로 업로드할 예정이다. ⚙️초기 설정 1. 자동 줄바꿈 setting -> editor -> soft wrap 체크 아래쪽에 있다. 2. 유용한 플러그인 인스톨 emmet : 필수툴. 자동완성 기능이 좋았다 atom-beautify : 코드를 예쁘게 정리해준다. 사용법 : 단축키 ctrl+alt+b autoclose-html : HTML태그를 자동으로 닫아준다 minimap : 내비게이터 open-in-browser : 브라우저에서 파일을 바로 열도록 해준다. 사실 이게 기본으로 장착되어 있지 않아서 당황했다.. pigments : 색을 직관적으로 표시해준다 color-picker : 컬러피커가 생겨서 색상 넣을 때 편하다 🔧 문제해결 1...
아무래도 폰트 크기가 제각각인게 거슬려서 오디세이를 포기하기로 했다.. 예쁜 hello 스킨도 발견했고! 그러나 오디세이 스킨에 있는 달력을 너무 쓰고 싶었기에 방법을 찾아보았다. 🔍달력 구조 알아보기 우선 오디세이 스킨의 HTML에서 어떤 부분이 달력인지 찾기 이 부분이다. (2023.01.23 기준 티스토리에서 설정을 바꾸었는지 티스토리 치환자를 넣으면 달력이 본문에서도 그대로 출력되는 문제가 있어서 부득이하게 캡쳐로 대체하였다. 코드 안에서도 달력 자체로 출력되는 건 충격적이다ㅠㅠ) 아래의 블로그를 참고하면 달력 스킨의 구조와, css 정보를 알 수 있다 Section 23 - 티스토리 반응형 스킨 만들기 - [사이드바] 달력 이번 시간에는 "사이드바 달력" 모듈입니다. 제 경험상 티스토리 블로그에..
💡 윈도우환경에서 VSCode를 사용하며 생긴 이슈들을 이 포스트에 지속적으로 업로드할 예정 첫 화면에서 튜토리얼(Get start with VS Code)을 안내하는데, 이 튜토리얼을 따라해보길 추천한다. Visual Studio Code Tips and Tricks 에서 모든 기능들을 안내하고 있다. JavaScript in VSCode 소개 페이지처럼 TOPIC를 눌러보면 각 언어별로 VSCode에서 제공하는 편의 기능(IntelliSense 등)을 볼 수 있다. Commit & Push 왼쪽 버튼에서 간단하게 커밋과 푸시가 가능하다. 스테이지에 올라간 항목도 가시적으로 확인 가능하기에 편리하다. ⚙️Tips and Tricks 복수의 폴더 열어놓고 작업하기 EXPLORER탭에서 우클릭 → Add ..
1. 디자인을 소소하게 업그레이드하기 제목과 본문 사이에 줄 넣기 그렇다 나는 아직 아티클 헤더와 와까리아우하지 못했다. 하지만 와까리아우하지 못한 게 뭐 어떠냐! 어차피 겉모습만 그럴듯하게 나오면 된다! 그래서 그냥 아티클뷰에다가 탑을 줘버렸다. .article-view { margin-bottom: 12px; word-break: break-word; margin-top: 45px; padding-top: 45px; border-top: 1px solid #efefef; } 아랫쪽에 2px 줄 넣기 이제 본문 아랫쪽에도 줄을 넣어보았다. 사실 아티클뷰 하단에 넣고 싶었는데 왜인지 줄이 생기지 않았다 (아마 마진 패딩의 특성 차이로 추측됨) 그래서 그냥 footer박스 자체에 위쪽 마진 패딩 주고 보더..
개인용으로 쓰는 블로그는 티스토리에서 제공하는 오디세이스킨을 쓰고 있다. 오로지 개인 기록용으로만 쓸 거라 이것저것 필요없는 기능이 있어서 제거 위주로 수정해보았다. 지우자! 렛츠 display : none 1. 사용하지 않는 기능 없애기 방법 : 대충 개발자 모드로 들어가서 해당 부분을 찾는 다음 display : none을 추가해주었다. 혹시 몰라 !important도.. 관련 사이트 버튼 없애기 : box-site #footer .box-site { display: none !important; } 공감 버튼 등등 없애기 : postbtn .container_postbtn { display: none !important; } 상세페이지 댓글 없애기 : article-reply /* article-r..
