본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

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

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

분류 전체보기176

#검색결과

총 176개를 찾았어요 ^^b

/

padStart()/padEnd()에 대하여! padStart()/padEnd padStart/padEnd() 메서드는 주어진 길이에 맞게 앞(start)/뒤(end) 문자열을 채우고, 새로운 문자열을 반환합니다. ::사용예시 "문자열".padStart(길이) "문자열".padStart(길이, 문자열) padStart()_예시 const str1 = "456"; const currentStr1 = str1.padStart(1, "0"); //456 const currentStr2 = str1.padStart(2, "0"); //456 const currentStr3 = str1.padStart(3, "0"); //456 const currentStr4 = str1.padStart(4, "0"); //0456 const currentStr5 = str..
2022. 8. 17.
이미지 유형 02 만들어보기~~~~ 이미지 유형_02 마우스를 가져가다 대면 반응을 하는 이미지 유형 사이트를 만들어보겠습니다. HTML 코드 간단하게 이미지 유형을 만들어보기 위해 하단과 같이 구조를 만들어 줍니다. 이때 이미지에 마우스를 가져다 대면 이미지가 틀에 맞춰 확대되는 효과를 주기위해 img태그를 사용해 이미지를 불러옵니다! 강아지의 모든 모습! 세상에서 가장 귀여운 강아지의 모든 모습을 상상하고 세세하게 지켜만 보세요!! NAME : BULDOG 자세히 보기 NAME : MALTIZ 자세히 보기 NAME : WELSH CORGI 자세히 보기 CSS 코드 css에서 마우스를 가져다 댈때 이미지가 확대되고 마우스를 떼면 다시 이미지가 원래대로 돌아올 수 있도록 만들건데, 이와 같은 효과를 구현하기 위해서 not(:hover) 과..
2022. 8. 17.
이미지 유형_01 만들어보기~~ 이미지 유형_01 간단한 예제를 통해 자세히 보기 버튼을 만들고 설명과 함께 양옆으로 정렬해 메뉴를 구성해봅니다. HTML 코드 간단한 이미지 유형 예제를 만들기 위해 기본적인 틀을 만들어 줍니다! 강아지의 모든 모습! 세상에서 가장 귀여운 강아지의 모든 모습을 상상하고 세세하게 지켜만 보세요!! 강아지의 모든 모습 강아지는 왜이렇게 귀여울까요 대체왜 그런건지 궁금하지만 제 생각에는 나야 모르곘지만 아무튼 그런것들이 막 있습니다 그렇게 생각하세요 ^_^ 자세히 보기 강아지의 눈썹! 강아지는 눈썹이 있을까요? 없을까요? 어찌보면 있는거 같기도 하고 본적이 없었던거 같기도하고 생각 해본적이 없던거 같기도 하고 흠... 자세히 보기 CSS 코드 설명과 함께 자세히 보기라는 버튼이 아래로 가도록 css를 설정해..
2022. 8. 17.
정규식 표현에 대해 araboza! 정규표현식 정규표현식 객체는 정해진 문자의 패턴을 만들때 사용하는데 이것으로 문자나 숫자 패턴 같은것도 제작이 가능합니다.. - 사용 예시 - var reg = /javascript/; var reg = new RegExp('Javascript'); 객체 플래그 플래그 설명 i 대 소문자 구분 없이 정규표현식과 문자열을 비교합니다. var reg1 = /javascript/; var reg2= /javascript/i; var str = Javascript console.log(reg1.test(str)); //false console.log(reg2.test(str)); //true g 문자열 전체를 정규표현식과 비교합니다. var reg1 = /a/; var reg2= /a/g; var str = j..
2022. 8. 16.
728x90
반응형

#HASH_TAGS

-

1

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

티스토리툴바