본문 바로가기
[개발툴] VS Code(Visual studio code) 유용한 단축키 1. 빠른 열기 - 이름으로 파일이나 기호 검색 Mac OS : Cmd + P WIndows : Ctrl + P 2. 모든 명령 표시 - 에디터의 모든 명령에 접근 Mac OS : Cmd + Shift + P WIndows : Ctrl + Shift + P 3. 찾기/바꾸기 Mac OS : Cmd + Alt(Opt) + F WIndows : Ctrl + H 4. 한줄 아래로 이동 - 현재 코드라인을 아래 라인으로 이동(아래 코드라인과 자리 바꿈) Mac OS : Alt(Opt) + Up or Down WIndows : Alt + Up or Down 5. 한줄 아래로 복사 Mac OS : Alt + Shift + Down WIndows : Alt + Shift + Down 6. 들여쓰기/내어쓰기 Mac O.. 2022. 1. 22.
[CSS] 브라우저 스타일 초기화 크롬, 엣지, 파이어폭스, 사파리는 각각 브라우저의 디폴트 스타일을 갖고 있다. 위와 같이 간단하게 div를 생성하고 실제 브라우저로 확인하면 아래와 같은 스타일이 적용되어 있다. 이런 브라우저 기본 스타일은 초기화하여 모든 브라우저에서 같은 모양을 하는 것이 좋다. reset.css 링크를 하는 방법을 사용하면 된다. https://www.jsdelivr.com/package/npm/reset-css jsDelivr - A free, fast, and reliable CDN for Open Source Supports npm, GitHub, WordPress, Deno, and more. Largest network and best performance among all CDNs. Serving mor.. 2022. 1. 22.
[오픈소스] 라이센스 종류 오픈소스라고 무작정 사용하고 상업적으로 이용하고 배포할 수 있는 것은 아니다. 오픈소스 라이센스 종류에 따라 사용 제한이 있는 경우가 많다. 그래서 아래에 주요 라이센스에 대한 내용을 알아본다. Apache License 아파치 소프트웨어 재단에서 만든 라이센스 개인적/상업적 이용, 배포, 수정, 저작권 등록이 가능한 라이센스 https://opensource.org/licenses/Apache-2.0 Apache License, Version 2.0 | Open Source Initiative For over 20 years the Open Source Initiative (OSI) has worked to raise awareness and adoption of open source software,.. 2022. 1. 20.
[CSS] favicon(파비콘) WIKI : favicon이란 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘이다. favicon은 주소바, 페이지탭, 북마크등에 표시된다. favicon은 GIF, PNG 또는 ICO 파일로 16 X 16 (pixel) 형식이었다. 하지만 사용자의 사용 환경이 변화함에 따라 진화했다. ICO, PNG, GIF 는 대부분의 브라우저가 지원하지만 다른 확장자는 일부 지원안하기 때문에 유의해야할 것 같다. 파비콘은 예를 들어 이런것이지 않을까 생각된다. Youtube 페이지 소스에서 favicon을 검색 하면 아래와 같은 html코드를 확인할 수 있었다. 궁금증1 shortcut icon과 icon의 차이는? shortcut icon은 과거에 사용하던 방식으로 현재 사용을 지양한.. 2022. 1. 18.