조반짝의 도전일지

1.함수 불러오기 함수 만들기 함수를 만들고 함수 변수이름을 밑에다가 써야 화면에 출력된다. 함수를 필요할 때마다 불러오는 것이다. 2. 인명함수: 변수 안에 함수를 정의 let i= 0; let theFun = function(){} 인명함수는 반드시 위에서 변수를 지정해야 결과값이 나온다. 순서가 중요함 let i= 0; let theFun = function(){ i++; document.write("bye"+i," "); } theFun(); theFun(); theFun(); 3.배경색 바꾸기 console에서 보면 숫자대로 컬러이름이 나온다. 변수 i값을 초기화 let i =0; 만약에 i가 4와 같으면 4를 갯수로 변경 >> color.length if( i >= 4) i=0; if(i >=..

●replace : 문자를 다른 문자로 대체해줌

html 마크업 body css edit .move_image css 편집 .move_image 가 움직일 예정이다. ●will-change: 엘리먼트에 대한 변경을 할 것인지를 미리 브라우저에 알려주어 하드에 가부화가 걸리는 것에 대한 도움을 준다. 그림자 만들기 .cursor 편집 커서 만들기 .cursor 이벤트 넣기 jqeury 마우스 이벤트 화살표 커서 지우기 이미지 이동 //이미지이동 $(".move_image").css({"transform":"translate(-50%,-50%) perspective(600px) rotateX("+x+"deg) rotateY("+y+"deg)"}) x, y 변수지정 회전 속도 줄이기 함수를 추가로 넣어주어도 된다. 윈도우의 넓이값 구하기 윈도우의 넓이값에 ..

html에 body 셋팅해주기 container 안에 div, section, article 상관없이 넣어주어도 된다. *** 아이디와 클래스를 반드시 구분해서 넣어줘야한다. 기본 레이아웃 만들어주기 탭메뉴 영역 골격 만들어주기 active 클래스 넣어주기 css 영역 클래스 구분해주기 탭박스 만들어주기 active 영역 배경색 변경해주기 탭박스 flot을 띄워주어 옆으로 나란히 보내기 float 띄워 줄 시 clearfix를 넣어줘야하지만 부모(ul)에 overflow:hidden 을 대신 넣어줘도 된다. div 부분 안 쪽 여백 밑 줄간격 border-top으로 박스 밑에 선 넣어주기 자바스크립트 스니펫 가져와서 html에 붙여넣기 변수지정 긴 이름을 짧게 지정해주기 console.log(index)..