본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

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

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

분류 전체보기174

#검색결과

총 174개를 찾았어요 ^^b

/

배열 수정/찾기/포함여부를 알 수 있는 5가지 메서드에 대해서 알아보자! slice/splice slice : 어떤 배열의 begin부터 end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환합니다. splice : 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다. const arrNum1 = [100, 200, 300]; const arrNum2 = [400, 500, 600]; const arrConcat = arrNum1.concat(arrNum2); const arrSpread = [...arrNum1, ...arrNum2]; indexOf/LastIndexOf indexOf : 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환해요 LastIndexOf : 주어진 값과 일..
2022. 9. 29.
서치 이펙트_04 : map/find를 사용하여 원하는 CSS 속성 찾기! 서치 이펙트 만들기! JS의 map/find를 적절히 활용해 원하는 CSS 속성을 찾는 이펙트를 만들어보도록 하겠습니당~~~ HTML 코드 : 뼈대 간단한 html 구조를 만들어 뼈대를 구성해보도록 합시다! 쏘-스보기 퀴-즈 이펙트 쏘-스 보기.exe HTML JAVASCRIPT CSS X find()를 이용하여 속성을 검색하면 설명 보여주기 CSS 속성 검색하기 검색하기 속성을 검색하시면 설명이 표시됩니다!! 찾은 속성 갯수 : 0 CSS 코드 : 살 이제 뼈대를 구성하였으니 살을 붙여 searchEffect를 구현하기위한 준비를 마치겠습니다. * { margin: 0; padding: 0; box-sizing: border-box; font-family: "NexonLv1Gothic"; color: ..
2022. 9. 29.
마우스 이펙트_05 : 원근감을 이용해 좌표값에 따라 3d 효과 주기! 마우스 이펙트 만들기! JS의 금붕어의 눈처럼 마우스가 움직였을때 명언이 튀어나올듯한 효과를 구현해볼게요! HTML 코드 : 뼈대 마우스 이펙트의 핵심은 cursor를 구성하는것이에요! 꼭 간단한 div를 통한 Cursor를 구성하도록 합시다! If you feel refreshed when you wake up, yes, you are late.! 잠에서 깨어났을때 개운함을 느꼈다면 예, 지각입니다. CSS 코드 : 살 마우스가 이미지에 닿으면 반전이 되게끔 "mouse__cursor" 클래스에 "mix-blend-mode: difference;"를 설정해줍시다! 이후에는 여러분의 쉽게 늘어가는 여러분의 몸무게처럼 간단하게 html에도 css를 통해 살을 붙여봅시다! .mouse__wrap { disp..
2022. 9. 29.
concat&reduce/reduceRight에 대하여 알아보자~! concat 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환합니다. const arrNum1 = [100, 200, 300]; const arrNum2 = [400, 500, 600]; const arrConcat = arrNum1.concat(arrNum2); const arrSpread = [...arrNum1, ...arrNum2]; reduce/reduceRight 1. 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다. 2. 누적기에 대해 함수를 적용하고 배열의 각 값 (오른쪽에서 왼쪽으로)은 값을 단일 값으로 줄여야합니다. const arrNum1 = [100, 200, 300]; const arrNum2 = [400, 500, 600..
2022. 9. 28.
728x90
반응형

#HASH_TAGS

-

1

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

티스토리툴바