본문 바로가기
관리자

분류 전체보기

 (1041)
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 단위로 알아낼 수 있다.
2020-07-05 (일) 8일차 보호되어 있는 글입니다.
2020-07-04 (토) 7일차 보호되어 있는 글입니다.
2020-07-03 (금) 6일차 보호되어 있는 글입니다.
CSS / Transition, Transform, Animation, Media Query 1. Transition Transition은 state(hover, active, focus, visited)에 따라 속성들이 시간을 두고 변화할 수 있게 해주는 것이다. .box:hover을 background-color: white로 주되, .box에서 transition을 적용하여 5s ease-in-out option을 적용하였다. 단순 ease-in-out 말고 다른 option들은 아래 링크에서 참조해볼 수 있다. https://developer.mozilla.org/en-US/docs/Web/CSS/transition margin을 바꾼다거나, color와 background-color를 동시에 바꾼다거나(all) 등을 적용할 수 있음을 animation으로 확인 가능하다. 2. Trans..
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 표준이 만들..
2020-07-02 (목) 5일차 보호되어 있는 글입니다.

티스토리툴바