본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

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

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

분류 전체보기176

#검색결과

총 176개를 찾았어요 ^^b

/

배너 유형 01 한번 만들어 봅시다! 배너 유형_01 배너가 될 구간을 한번 같이 작업해보아요~~~~~! Figma 우선 피그마를 통해 기초적인 틀을 잡습니다! HTML html을 통해 간단한 구조의 뼈대를 작성해봅시다!! 배너 영역 오늘의 도시는 여기다! 다양하고 다채로운 도시의 모습은 이곳을 참조하세요! https://www.youtube.com/channel/UCqVDpXKLmKeBU_yyt_QkItQ/ 도시 속 모습_01 CSS 생각보다 구현 요소가 적으므로 붙여줄 살(css코드)도 적습니다. .banner__inner { background-image: url(../img/BANNER-TYPE01.jpg); background-repeat: no-repeat; background-position: center; background-..
2022. 9. 5.
슬라이드 타입_01 : 기초 슬라이드 배너_01 슬라이드가 될 배너를 구현해보겠습니다! Figma 우선 피그마를 통해 기초적인 틀을 잡습니다! HTML html을 통해 기본적인 예제를 만들 뼈대를 구성합니다! 슬라이드 영역 CITY SIGHTSEEING 각각의 도시는 고유의 모습이 있습니다 한국은 과연 어떤 모습일까요? 자세히 보기 사이트 보기 이전 이미지 다음 이미지 1 2 3 플레이 정지 CSS 이제 완성된 뼈대에 살을 붙여주어 슬라이드를 완성하기 위해 CSS를 작성해줍시다! .slider__inner { margin-top: 70px; } .slider { position: relative; } .slider__img { background: url(../img/slider_bg01.jpg) no-repeat center / ..
2022. 9. 5.
마우스 이펙트_01 : 자바스크립트를 통해 마우스 포인터에 변화를 줘보자! 마우스 이펙트 01 마우스 포인터의 좌표값에 따라 div 박스르 움직여 포인터를 구현해보도록 하겠습니다! HTML 코드 저는 물방울 모양의 마우스 포인터를 구현해보기 위해 div 박스 안에 빛을 받은 느낌을 주기위해 div 박스를 또 만들었습니다. 전체 코드보기 Javascript Mouse Effect01 마우스 이펙트 - 마우스 따라다니기 1 2 3 4 5 6 7 Strive for progress, not perfection. 완벽을 추구할 것이 아니라 앞으로 나아가기 위해 갈망하라. clientX : 0px clientY : 0px offsetX : 0px offsetY : 0px pageX : 0px pageY : 0px screenX : 0px screenY : 0px 소스 보기 Javascr..
2022. 9. 5.
프리티어가 적용되지 않는다면? 프리티어가 오류났을때 프리티어를 설치 후 오류가 났을때 아래와 같은 방법을 이용하시면 간단하게 문제를 해결 할 수 있습니다. 한번 같이 알아볼까요~~~? 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'..
2022. 9. 5.
728x90
반응형

#HASH_TAGS

-

1

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

티스토리툴바