본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

제가 배웠던것을 한곳에 정리해보았어요!

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

분류 전체보기176

#검색결과

총 176개를 찾았어요 ^^b

/

CSS 단위 7가지 알아보기 단위 단위에는 총 7가지(rem,vh,vw,vmin,vmax,ex,ch)가 있는데 각각의 단위에 대하여 알아봅시다! rem rem 단위는 부모태그 폰트사이즈의 배로 처리하는 단위입니다. 1rem 입니다 vh&vw vh는 높이에 비례해서 vw는 넓이에 비례해서 높이가 책정됩니다 브라우저 높이 값이 900px 라면 1vh/vw는 9px로 정해집니다. 1vw 입니다 vmin&vmax vmin/vmax는 너비와 높이값에 따라 최대와 최소 텍스트 크기를 정할 수 있습니다. 예를 들어 브라우저의 너비가 1100px이고, 높이가 700px 일때 1vmin은 7px가 되고 1vmax는 11px가 됩니다. p태그를 사용한 1vw 입니다 p태그 안에 들어간 1vmax 입니다. ex&ch ex/ch는 현재 폰트와 폰트사이즈..
2022. 8. 23.
서치 이펙트_03 만들어보기! Search Effect 03 charAt()으로 첫번째 자리를 서로 비교해 자료를 찾고, hide된 갯수를 전체갯수에서 뺀뒤 찾은 갯수를 구현하는 법을 배워보겠습니다. 완성 예시 HTML 데이터 및 기본 구조를 아래와 같이 제작해줍니다. HTML 구조 전체보기 charAt()를 이용하여 CSS 속성 검색하기 CSS 속성 검색하기 a b c d e f g h i j k l m n o p q r s t u v w x y z 총 속성 갯수 : 0 찾은 속성 갯수 : 0 accent-color : 다른 페이지 이동을 설정합니다. align-content : 콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다. animation : 애니메이션과 관련된 속성을 일괄적으로 설정합니다. animation-delay : ..
2022. 8. 23.
함수 유형 : 객체 생성자 / 프로토 타입 / 객체 리터럴 프로토 타입 함수 모든 객체들이 메소드와 속성들을 상속 받기 위한 템플릿으로써 프로토타입 객체도 또 다시 상위 프로토타입 객체로부터 메소드와 속성을 상속 받을 수도 있고 그 상위 프로토타입 객체도 마찬가지이고 다른 객체에 정의된 메소드와 속성을 한 객체에서 사용할 수 있도록 하는 근간입니다 function func(num, name, word){ // const num = num; // 원래는 이렇게 const num에는 무엇 무엇 하나하나 지정해주었는데 this.num = num; //this 라는걸 쓰면서 재활용을 한다. this.name = name; //name이라는 변수에 name 매배변수의 값 1 저장 this.word = word; //word이라는 변수에 word 매배변수의 값 1 저장 }..
2022. 8. 23.
search() 함수에 대하여 search() search 함수는 indexOf랑 비슷한 역할을 담당하며, 숫자값과 위치값을 적지 않아도 찾아주는것이 특징입니다. ::사용방법 1. indexOf랑 비슷한 역할을 하며 2. 숫자값 위치값을 적지 않는다 3. "문자열".search("검색값"); 4. "문자열".search(정규식 표현); const str1 = "javascript reference" const currentStr1 = str1.search("javascript"); // 0번째부터 값이 있고 있으니까 맨앞의 0이 나옵니다. const currentStr2 = str1.search("reference"); // 11이 나옵니다 const currentStr3 = str1.search("j"); // 맨 앞에 j가 있으니..
2022. 8. 23.
728x90
반응형

#HASH_TAGS

-

1

코드 숙제가 다양해서 너무 좋아요 오징어 두마리 포획 완료 이건 또 뭐람 ImageSlideEffect 테스트테스트 내일은 즐거운 월요일 코딩 오징어 1Kg 당 3000원 필터선택자 Method 다크모드 오늘도 웹표준은.. scroll-snap-align 멈추지 않는 ' j ' 시리-즈 메서드 울적하니 꽃을 달아봤습니다 JQuery scroll-snap-type 제이쿼리 화사한가요? 오늘 조업 마감했습니다. HTML 테스트 오늘은 내가바로 오징어! 선택해주세요 공부 슬라이드 결과 : 월요일 오징어 한마리 수확 완료!

티스토리툴바