본문 바로가기
관리자

전체 글

 (991)
2020-07-08 (수) 11일차 보호되어 있는 글입니다.
HTML,CSS / Checkbox Customizing 하기 1. 필요성 html 에서 를 생성하면, 아래 그림과 같은 가장 기본적인 checkbox만 만들어진다. 해당 checkbox는 background color와 check-mark의 색깔 및 크기, text와의 위치 배열 등이 모두 정해져 있기 때문에, 각종 웹서비스에서 활용하기에 제한이 많다. 그래서 customizing을 해야하는데, customizing에 들어가는 요소들이 html/css 초보가 알기에는 어려운 요소들이 많아서 각 요소들을 하나하나 분해해서 공부해보고자 한다. 2. 구성요소 2-1. Label tag label tag는 input 과 관련된 checkbox, radio 등 사용자가 선택하여 입력을 넣는 요소가 있을 경우, 그 요소에 내용을 달아주고, 요소 뿐만 아니라 요소에 달린 내용..
된장찌개 된장찌개 1. 재료 된장(찌개용 고기 포함), 두부 1모, 주키니호박(애호박), 양파1개, 감자1개, 파, 느타리버섯 2. 조리법 1. 재료들을 다 썰어서 준비한다. 2. 된장을 끓인다. 3. 재료들을 된장에 넣고 10~15분 정도 푹 끓인다. 3. 오늘의 교훈 1. 재료를 적게 써도 된다. 2. 재료를 생각보다 더 작게 썰면 좋을 것 같음 3. 감자를 깎을 땐 칼로 밀듯이 깎으면 빠르다.
2020-07-07 (화) 10일차 보호되어 있는 글입니다.
HTML,CSS / Cursor Style, inherit, input Tag Style="Cursor:attribute" Cursor는 해당하는 위치에 마우스를 갖다댔을 때, 마우스의 모양을 변화시킬 수 있다. 대표 속성은 다음과 같으며, 수많은 속성들이 있다. -default: 화살표 -auto: 자동 -pointer: 손가락모양(클릭가능 대상 선택시 나타나는) -wait: 로딩 -move: 손가락모양(drag시 나타나는) ex) Pointer 속성 : inherit 속성에 inherit을 입력해주면, parent element의 속성과 같은 속성을 같게 된다. ex) color:inherit; -- parent element의 글자와 같은 색깔의 글자가 됨. Tag: input 사용자에게 입력을 받을 수 있는 입력창을 만들어 준다. ex) input창의 placeholder의..
2020-07-06 (월) 9일차 보호되어 있는 글입니다.
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 단위로 알아낼 수 있다.

티스토리툴바