본문 바로가기

WEB36

[CSS] scrollBar style적용 /*스크롤바 전체*/ ul::-webkit-scrollbar{ width: 8px; } /*스크롤바 막대*/ ul::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #000000;/*검정*/ } /*스크롤바 여백*/ ul::-webkit-scrollbar-track { background-color: #00ff0000;/*투명*/ } 적용> 출처 : codingbroker.tistory.com/66 [HTML, CSS] 스크롤바 스타일(디자인)하는 방법 - webkit-scrollbar HTML의 스크롤바(scrollbar)를 디자인하는 방법에 대해 살펴보겠습니다. 스크롤바 스타일에 관한 웹표준은 존재하지 않습니다. 다만 wekbit 브라.. 2020. 9. 5.
[JavaScript] localStorage local storage : 데이터를 유저 컴퓨터에 저장하는 방법 개발자 도구-> Application -> Local Storage localStorage에는 자바스트립트의 data를 저장할수 없다. String만 저장가능!! 그래서 저장하려면 Object를 String으로 바꿔줘야한다. kyungahstory.tistory.com/164 [JavaScript] JSON JSON (JavaScript Object Notation) : 자바스크립트 언어로 파생되어 자바스크립트의 구문형식을 따름 경량화된 데이터 교환 형식, 데이터 포맷! 사람과 기계 모드 사용하기 쉬움 JSON을 사용하려면 파싱(pa kyungahstory.tistory.com 2020. 9. 4.
[JavaScript] var, let, const Hoisting 모든 변수 선언은 호이스트된다. 호이스트란, 변수의 정의가 그 범위에 따라 선언(declaration)/초기화(initialization)/할당 분리되는 것을 의미한다. 출처 : velog.io/@marcus/Javascript-Hoisting Javascript Hoisting Hoisting Javascript에 Hoisting을 알아보자 Hoisting은 어쩌면 우리가 무의식적으로 사용하고있을 수 있다. Hoisting에 특징을 알아보자 모든 변수 선언은 호이스트된다. 호이스트란, 변수의 정의가 그 범위 velog.io var : function-scoped 함수 안에서 변수 선언. if...for...등 {}(블럭)안에서 선언된 var 변수는 전역변수로 선언됌. 재선언, 재할당 가.. 2020. 9. 4.
[CSS] box-sizing width, height 속성은 엘리먼트의 크기를 지정한다. border, padding 값을 지정하면 width 값에 +가 되어 전체크기가 달라짐. 이때 box-sizing : border-box; 을 지정하면 width, height 값이 border와 padding값을 합쳐 계산됌! 적용 전> 200px (element width) + 20px + 20px (padding) + 5px + 5px (border) = 250px 적용후> element width = 200px (기준) - padding - border 20px + 20px (padding) + 5px + 5px (border) + 150px (element width) = 200px border+padding+element 값이 설정한.. 2020. 9. 3.
[JavaScript] .filter() array의 함수 .filter() : forEach와 같이 array에 들어있는 item마다 실행이됌 filter함수는 return true,false를 요구함!! true로 return 되는 item들로만 새로운 array를 생성 2020. 9. 3.
[CSS] reset.css reset.css : HTML 생성시 기본으로 설정 되어있는 CSS 스타일 속성을 초기화 시켜 주기위해 사용 /* reset.css */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, t.. 2020. 9. 2.

티스토리툴바