본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

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

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

TIP8

#검색결과

총 8개를 찾았어요 ^^b

/

즐거운 오답노트~~🌸 오답노트 다른분들꺼 보고 틀 자체가 다르단걸 알고서 이제서야 올리네요 🥲 많이 틀렸으니 많이 적어야겠죠,,, 눙물 납니다...

비쥬얼 스튜디오 코드에 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 설치의 세부적인 사항을 마..

스크롤할때 다음 이미지에 자동으로 딱 멈춰주는 효과를 구현해보자! : scroll-snap-type 사용 스크롤시 다음 요소에 딱! 멈춰주는 듯한 효과를 CSS로 줘보자! 저번에 올렸던 prefers-color-scheme 을 통해 간단하게 다크모드를 구현했던것처럼 이번에도 간단한 방법이 있길래 올려봤어요! 홈페이지를 둘러보면 스크롤을 할때 무언가 탁탁 걸린듯한 원하는 item에 스크롤이 멈추는 효과가 적용되어있는 홈페이지가 있지 않나요? 이번에는 그 효과를 CSS를 통해서 간단한 문구 추가로 구현이 가능하기에 적어보았습니다 ^----^ HTML 코드 : 간단한 예제용 저는 간단한 예제를 본문에 첨부하기위해 하단과 같이 사용했어요! 클래스는 좀 더 직관적이게 [ slider_view / slider_move / item ] 라고 편하게 적었습니다~ * 사실 이래야 제가 보기 편했어요.... CSS 코드 : ..

프리티어가 적용되지 않는다면? 프리티어가 오류났을때 프리티어를 설치 후 오류가 났을때 아래와 같은 방법을 이용하시면 간단하게 문제를 해결 할 수 있습니다. 한번 같이 알아볼까요~~~? prettier 설치 확인 visual studio code의 extensions에 들어가 prettier를 검색 후 install이 완료되었는지 확인해봅니다. prettier 세팅 확인_01 MAC : 최 상단 메뉴바에서 code - preferences - Settings 클릭 후 'format on save' 검색 후 체크표시 확인 Window : 왼쪽 하단 설정 아이콘 - Settings 클릭 후 'format on save' 검색 후 체크표시 확인 단, 위와같은 방법을 했을때에도 안됐을시 파란색 박스의 'Edit in settings.json'..

이전 1 2 다음

728x90

#HASH_TAGS

-

1

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

티스토리툴바