본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

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

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

분류 전체보기176

#검색결과

총 176개를 찾았어요 ^^b

/

재귀,콜백,스코프/클로저,클래스에 대한 정리 재귀함수 : 자기 자신을 호출 재귀함수란? 자기 자신을 호출시켜주는 함수입니다! // 반복적으로 function func(num){ if(num { console.log("funcB가 실행되었습니다. "); callback(); },1000); } function funcC(){ setTimeout(()=>{ console.log("funcC가 실행되었습니다. "); callback(); },1000); } function funcD(){ setTimeout(()=>{ console.log("funcD가 실행되었습니다. "); },1000); } // 출력 되기 전에 콜백함수를 통해 출력 값을 뒤바꿈 // 1초 뒤에 funcA가 실행되었을때 funcB를 불러들임 funcA(function(){ funcB..
2022. 9. 20.
비쥬얼 스튜디오 코드에 SASS 세팅하기 SASS 설치하는 법 SASS 설치하는 법에 대하여 알아보도록 하겠습니다~! 1. "live sass compiler"를 설치 하단 사진과 같이 live sass compiler를 설치해 SCSS가 잘 동작 할 수 있도록 설치해주도록 합시다! 2. 하단에 "watch sass"가 나왔는지 확인 설치가 완료되면 사진과 같이 하단에 "Watch SASS"가 나옵니다 혹여나 나오지 않았다면 3번으로 넘어가 세부 세팅 설정을 마쳐주시기 바랍니다. 3. command palette에 들어가기 하단의 톱니바퀴 아이콘을 클릭한 뒤 command palette에 들어가 다음 과정을 진행 할 수 있도록 합시다! 4. settings.json에 들어가기 settings.json에 들어가 SASS 설치의 세부적인 사항을 마..
2022. 9. 19.
원이 펄럭이는 애니메이션 만들어보기! 웨이브 애니메이션 주기! PUG와 SCSS를 통해 원을 생성하고 그 원이 펄럭이는듯한 애니메이션을 구현해보도록 하겠습니다! HTML 코드 : PUG를 사용 이번 예제는 PUG를 사용하여 HTML 보다 효율적으로 작업 해보겠습니다 각 원을 만들어주기 위해 for문을 통해 반복시켜 생성해줍니다. div.circle-wrap - for (var x = 1; x
2022. 9. 19.
슬라이드 이펙트_04 : 이전/다음 버튼을 통해 슬라이드를 구현해봅시다 👀 슬라이드 이펙트_04 : 왼쪽 오른쪽 슬라이드 넘기기 만들어보기 이번에는 왼쪽/오른쪽 버튼을 누르면 각각 그에맞게 슬라이드 되는 슬라이드 이펙트 예제_04를 구현해보도록 하겠습니다. HTML 코드 : 간단한 예제용 간단한 예제를 구현하기 위해 하단과 같이 작성합니다. 편의상 푸터를 제외한 핵심 요소만 적어두겠습니다. prev next CSS 코드 : prev / next 구현 각각 이전/다음 버튼을 구현하기 위해 하단과 같이 CSS를 작성합니다. .slider__btn a { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background: rgba(0,0,0,0.4); text-align: ce..
2022. 9. 19.
728x90
반응형

#HASH_TAGS

-

1

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

티스토리툴바