본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

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

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

분류 전체보기176

#검색결과

총 176개를 찾았어요 ^^b

/

서치 이펙트_01 만들어보기! Search Effect 01 data-name / indexOf 등의 요소를 통해 특정 문자에 대한 값을 찾는 페이지를 만들어보겠습니다! HTML : data-name "우선 찾을 값으로 활용할 데이터를 리스트로 만들어 li 마다 data-name을 설정해 추후 각 데이터를 indexOf를 통해 찾을 수 있도록 속성을 부여해 하단과 같이 작성합니다 a : a 태그는 다른 페이지 이동을 설정합니다. abbr : abbr 태그는 줄임말이나 머리글자를 표현하는데 사용합니다. article : 문서, 페이지, 애플리케이션, 또는 사이트 안에서 독립적으로 구분해 배포하거나 재사용할 수 있는 구획을 나타냅니다. 사용 예제로 게시판과 블로그 글, 매거진이나 뉴스 기사 등이 있습니다. aside : 문서의 주요 내ㄴ..
2022. 8. 16.
IndexOf()/lastIndexOf() 에 대하여! indexOf 문자열에서 특정 문자의 위치를 찾고 그 값이 일치했을때 숫자를 반환하며 일치하는 값이 없을때는 -1을 반홥합니다. ::예시 "문자열".indexOf(검색값) "문자열".indexOf(검색값, 위치값) const str1 = "javascript reference"; const currentStr1 = str1.indexOf("javascript"); //indexOf는 찾는값의 첫번째 자리 시작값 0 : 답 0 const currentStr2 = str1.indexOf("reference"); // 답 11 const currentStr3 = str1.indexOf("j"); // 답 0 const currentStr4 = str1.indexOf("a"); // 답 1 const curre..
2022. 8. 16.
slice() / substring() / substr() 에 대하여~~ slice slice는 배열로 부터 특정 범위를 복사한 값들을 담고 있는 새로운 배열을 만드는데 사용합니다 1. "문자열".slice(시작위치) 2. "문자열".slice(시작위치, 끝나는 위치) 3. 시작 위치는 문자열을 뽑아내야 하기 떄문에 시작위치는 끝나는 위치보다 숫자가 작아야 한다 const str1 = "javascript refrence" const currentStr1 = str1.slice(0); //javascript reference const currentStr2 = str1.slice(1); //avascript reference const currentStr3 = str1.slice(2); //vascript reference const currentStr4 = str1.slic..
2022. 8. 16.
미디어 쿼리...? 미디어 쿼리(media query) 미디어 쿼리는 화면 해상도, 기기 방향 등의 조건으로 HTML에 적용하는 스타일을 전환할 수 있는 CSS3의 속성 중 하나이며, 반응형 웹 디자인에서는 미디어 쿼리를 사용해 적용하는 스타일을 기기마다(화면 크기마다) 전환할 수 있습니다. 상단의 예시는 최소 가로폭이 1000px, 즉 1000px 보다 넓은 해상도일 때에 style_pc.css를 연결한다는 뜻입니다. 태블릿이나 모바일 기기마다 가로폭이 다른데, 크롬 브라우저에서 개발자 도구를 열고 Toggle device Toolbar를 누르면 기기마다의 해상도도 확인할 수 있고 기기 모델도 추가할 수 있습니다. 또한 다음 트로이 (http://troy.labs.daum.net/)에서는 기기별 해상도를 제공하고 실제 작..
2022. 8. 15.
728x90
반응형

#HASH_TAGS

-

1

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

티스토리툴바