본문 바로가기

[IT/Programming]

윈도우즈 탐색기 즐겨찾기 사라짐 해결법 (Windows Explorer Favorites missing) # 윈도우즈 탐색기 즐겨찾기 사라짐 해결법 (Windows Explorer Favorites missing)윈도우즈 탐색기를 어느날 열었더니, 내가 그동안 즐겨찾기 해놨던 폴더들이 안보였었다. 그래서 인터넷에 검색도 해보고 삽질을 좀 했는데, 의외로 간단한 실수로 나타난 현상이었다. 다음과 같이 즐겨찾기가 보여야만 한다. 어느날 다음과 같이 즐겨찾기가 안보이기 시작했다. 문제는 너무나 간단했다. 홈 탭을 펼쳐야만 즐겨찾기가 보인다. 홈 아래에 즐겨찾기 폴더들이 저장되어 있었던거라 그 홈을 펼쳐야만 했던거다. 무슨일인지는 몰라도 어느날 우연히 홈 탭이 접힌게 default 로 탐색기 설정이 되었나 보다. 홈탭을 열어서 즐겨찾기를 보이게 만들자. 그 후 탐색기를 닫았다가 열면 홈 탭이 열린 상태로 (즐겨찾.. 더보기
Sublime Text (editor) 소개 # Sublime Text (editor) 소개여러가지 다양하고 편리한 기능들을 제공하는 editor . 배우고 쓰는것도 좋지만, 쓰면서 배우고 익혀야 하는듯. 개인적으로는 portable 로 까는걸 추천. 클라우드 같은곳에 올려놓으면 컴퓨터를 옮기더라도 설정을 그대로 사용할 수 있는듯.## PH 2022-12-18 : 조금 더 수정. 2017-07-26 : Sidebar, Go to Anything, Tab label 에서의 한글깨짐 부분 더 추가. 2015-12-14 : 조금 더 정리. 2015-07-11 : 조금 더 정리. Gif image 들 만들어서 설명 추가하고 싶기도 한데;; 당장은 귀찮다. 2014-06-13 : first posting?## TOC## 장점?### Go To Anythin.. 더보기
Git 협업하기 (Collaboration with Git and GitHub) # Git 협업하기 (Collaboration with Git and GitHub)## PH2024-08-01 : First posting.## TOC## GitHub 로 협업을 한다는 것### 커밋 (commit)커밋은 작업 내용의 '스냅샷'을 의미하며, 한번 커밋하면 이력이 남습니다. 이런 특성 덕분에 문제가 발생했을 때 이전 상태로 쉽게 되돌릴 수 있습니다. 한마디로 말하자면 커밋은 Git에서 관리하는 가장 작은 단위의 버전이라고 할 수 있습니다.### 브랜치 (branch)Git 의 브랜치는 독립적으로 작업을 진행하고 그 결과를 저장할 수 있는 개별적인 흐름을 의미합니다. 브랜치를 사용하면, 서로 다른 작업을 별도로 진행하고 나중에 하나의 코드베이스로 병합할 수 있습니다. 이는 여러 개발자가 동시.. 더보기
Unix/Linux command (CLI: Command Line Interface) # Unix/Linux command (CLI: Command Line Interface)이걸 꼭 공부해야만 하나 하는 의구심이 들긴한다... 요새 GUI (Graphical User Interface) 가 워낙 잘 되어 있어서...하지만 GUI 를 만드는데 비용이 많이들다보니, 더 정확한 명령, 간단한 구현을 원하는 개발자 입장에선 CLI 가 꼭 필요하긴 한듯. 특히나 개발 초기의 것들은 GUI 까지 만들어지려면 한 세월일거라...## PH2024-07-30 : First posting.## TOC## Simple commands```date // 현재 날짜 출력pwd // Print Working Directory (현재 디렉토리 출력)cal // Calendar (달력)cal 9 2024cal 20.. 더보기
여러가지 프로그래밍 언어들 (List of programming languages) # 여러가지 프로그래밍 언어들 (List of programming languages)언어들 참 많다. code snippet 좀 넣을까?분류를 내가 좀 아는 언어들, 생소한 언어들로 나눈게 에러같긴 하지만;;; 천천히 수정. A Snapshot of Programming Language History. (출처: 알렌 터커의 ‘프로그래밍 언어’ + ) 현재 프로그래밍 언어 랭킹 참조: ## PH 2015-12-12 : php code snippet 에서 escape 를 안했네;;; 2014-11-11 : code snippet 추가. related refs 말머리에 삽입. 2014-06-19 : 더 정리. 2014-01-25 : ref를 LaTeX처럼 자동으로 처리하는 javascript를 짜봅시다.. 더보기
Helper div with display: flex; margin, padding 으로 가로 너비 설정/맞추는 법 정리 # Helper div with display: flex; margin, padding 으로 가로 너비 설정/맞추는 법 정리 Responsive width with finitely filling the parent, and I wanna use display: flex; to align elements. 위와 같이 가로폭은 적당한 길이만큼만 확장되고, 나머지 안의 것들은 display: flex; 로 정렬하고 싶은데, 코딩을 해보면서 꽤 헤맸던 부분이라 정리할 겸 포스팅.## PH2024-07-30## TOC## HTML code```[.lang-html] 로그인 ```/와 같이 배치했음. 보면 helper div 로 이 추가된 걸 볼 수 있는데... CSS 는 다음과 같음.`.. 더보기
HTML docuK format ver. 2.3 (2023-10-25) --> -->HTML docuK format ver. 2.3 (2023-09-24)개인적으로 만들고 있는 LaTeX 비슷한 형태의 HTML document format + JavaScript. 이름은 그냥 docuK로 'document designed by kipid'란 뜻.This is an HTML document format named docuK which is rendered by JavaScript, jQuery, MathJax, and google code prettifier. Specific features are changable mode/font, resizable font-size/line-height, table of contents, auto numbering of sections.. 더보기
Vertical center align by CSS in HTML # 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 # 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: 마크다운): 사용 설명서. # 순수한 완전 쉬운 편집 (SEE: Super Easy Edit) 문서K (Markdown: 마크다운): 사용 설명서. 현재 문자들로부터 만들어진 HTML 문서K 가 보여지고 있는 중입니다. ## 문서K 와 SEE (완전 쉬운 편집) 의 초록 | 설명 문서K 의 특징은 다음과 같습니다. 선택 가능한 모드 (밝은 화면, 어두운 화면, 추가로 핑크도 구현할 예정), 글씨체 선택 가능. 글씨 크기 바꾸기 가능, 줄 간격 바꾸기 가능. 자동으로 만들어 주는 목차 (각 섹션, 하위 섹션으로 점프도 가능하고 각 섹션의 왼쪽 T 버튼을 누르면 목차로 이동됩니다.). 섹션들과 그림들 수식들 자동으로 숫자 이름 메겨주기. 참고 문헌 참조 (citing) 쉽게 하기, 팝업 형태로 참조한 문헌들 바로 보여주기. 그림이나 .. 더보기
Super Easy Edit (SEE | 엄청 쉬운 편집) of docuK (문서K: MarkDown | 마크다운): 사용 설명서. # Super Easy Edit (SEE | 엄청 쉬운 편집) of docuK (문서K: MarkDown | 마크다운): 사용 설명서. 쉽게 문서를 작성합시다. 초록 | docuK (문서K) and SEE (엄청 쉬운 편집) 이것은 HTML 문서 편집 형식 중 하나인 문서K 입니다. 자바스크립트, jQuery (쉬운 자바스크립트 프로그래밍을 도와주는 API), MathJax (수식 처리기), google code prettifier (코드 예쁘게 출력해주는 API) 로 처리되는 문서 형식입니다. 문서K 의 특징은 다음과 같습니다. 선택 가능한 모드 (밝은 화면, 어두운 화면, 추가로 핑크도 구현할 예정), 글씨체 선택 가능. 글씨 크기 바꾸기 가능, 줄 간격 바꾸기 가능. 자동으로 만들어 주는 목차 (각.. 더보기
VtoV Back-end 개발자용 과제 테스트 # VtoV Back-end 개발자용 과제 테스트 VTOV 백엔드 개발자용 과제 테스트. ## TOC ##/ 목차는 자동으로 완성됨. ## 서울 주차장 정보 인증키: 4e4f6764766b6970363174666f6c63 서울시 주차장 정보 http://openapi.seoul.go.kr:8088/(인증키)/json/GetParkInfo/1/1000/ 강남구 주차장 정보 http://openapi.seoul.go.kr:8088/(인증키)/json/GetParkInfo/1/5/강남 압구정428 공영주차장 정보 http://openapi.seoul.go.kr:8088/(인증키)/json/GetParkInfo/1/5/ /1033125 미연계중인 공영주차장 정보 http://openapi.seoul.go.kr:.. 더보기

티스토리툴바