본문 바로가기
관리자

Programming-[Base]

(53)
VS Code 자동완성, 단축키 모음 1. Emmet Abbreviation (HTML 문서에서 특정 Class, ID를 갖는 Tag 만들기) Tag HTML 문서에서 '.class_name' 또는 '#ID_name' 작성 후 Enter tag 로 둘러싸인 class 또는 ID를 하나 만들어준다. >>'.class_name(또는 #ID_name) * 숫자' : '숫자'에 해당하는 갯수만큼 div class, ID를 만들어준다. other Tags '.' 이나 '#' 앞에 span, nav 등 다르게 지정할 tag의 이름을 넣어주면 된다. ex) span.navigation_bar*3 Link link:link할 요소로 작성할 수 있다. 대표적으로 많이 사용하는 css stlyesheet의 경우, 'link:style' 이라고 입력하면 된다...
Chrome Extension-ColorZilla, Page Ruler Red 1. ColorZilla ColorZilla는 Web Page의 특정 위치의 색상을 알려주고, clipboard에 복사해준다. 2. Page Ruler Redux Web Page의 image, text 등의 크기를 pixel 단위로 알아낼 수 있다.
1. Unix의 기본 - 1-1. Unix의 역사, CLI의 기초 사용방법( ls, cd) 1. Unix의 발전 역사와 GUI,CLI의 개념 많은 운영체계가 있고, 보통 Windows나 macOS를 사용하지만 그외에도 Android, iOS, Linux, Ubuntu, ChromeOS 등이 있다. 보통 개발자의 환경은 Windows나 macOS가 아닌 다른 운영체제일 수 있으므로, 우리는 적어도 command 정도는 알아야 원하는 작업을 해낼 수 있다. 그리고 앞서 언급한 대부분의 OS가 UNIX 라는 OS에서 기원했기 때문에, 대부분 command가 비슷해서 배우는데 큰 어려움이 없다. Unix는 1970년대 초반 벨연구소의 켄 톰슨과 데니스 리치의 주도로 개발되었다. C언어로 작성되어 수정해서 다른 컴퓨터에 적용하기 편했고, 많은 변형이 이루어지다보니 "POSIX"라는 Unix 표준이 만들..
VS Code-extension:prettier, material theme(Icon) 설치 및 사용방법 좌측 Side bar 에 있는 extensions에 들어가서 원하는 extension이름으로 검색 후 install을 클릭한다. Ctrl + Shift + P를 누르면 실행을 위한 창이 뜨는데, 거기서 설치했던 extensions의 설정을 바꿀 수 있다. 1. Prettier : 코드들이 색깔별로 구분되도록 해주고, css나 javascript에서 색깔 미리 보기 등 디자인뿐만 아니라 기능적으로도 편리함을 제공한다 2. Material Theme(Icon) : VS Code의 Interface, Icon등을 예쁘게 꾸며줘서 가독성이 좋도록 해준다.
Git 과 Github / 기초 / 기본개념과 사용방법 1. Git과 Github Git 이란 내가 작성하는 파일의 1. 버전관리, 2. 동시협업을 가능하게 해주는 Tool 이다. Git은 Linux 운영체제를 개발한 Linus Torvalds가 만들었다. Git을 일반인들이 이용할 수 있도록 Server(원격 저장소)를 제공하는 Service들이 있으며, 이 중 유명한 것이 GitHub 이다. : Git은 버전 관리를 할 때 사용하는 소프트웨어 자체를 말하고, Github는 Git으로 관리하는 프로젝트의 복사본을 저장하는 서버를 제공해주고 협업을 위한 편의 기능을 제공해주는 서비스인 것이다. + Bitbucket이라는 곳도 있는데, 깃허브에서는 비공개(private) 소스코드를 만들기 위해서는 비용을 지불해야되는 반면, bitbucket에서는 비공개 코드를..