본문 바로가기
728x90
반응형

분류 전체보기293

[JAVASCRIPT] ●replace : 문자를 다른 문자로 대체해줌 2023. 7. 21.
비주얼 스튜디오 코드 83_ 이미지가 움직이는 효과 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 변수지정 회전 속도 줄이기 함수를 추가로 넣어주어도 된다. 윈도우의 넓이값 구하기 윈도우의 넓이값에 .. 2023. 7. 20.
[JAVASCRIPT]for문 ● break: 조건이 참이면 실행중인 반복문에서 빠져나오는 명령어 언어는 순서에 따라 조건이 달라질 수 있기 때문에 순서를 지켜야한다. ● continue : 조건이 맞으면 아래 명령어를 무시하고 다시 for문으로 올라가서 실행함 중첩 for 문 (구구단) i가 1일 때 k가 3번 돌아감 i가 2일 때 k가 또 3번 돌아감 for(let i=1; i> 1+1 =1 > 2+1 = 3 > 3+1 =4 ..... tr을 누적시켜서 하나의 테이블을 만들 것이다. 태그를 넣을 때는 "" 꺽쇠괄호 안에 넣는다. 열린태그를 닫아주어야한다. console로 확인하면 태그로 표현되어있는 것을 볼 수 있다. //테이블만들기 let num = 1; let t = ""; // 테이블 셋팅 for(let i = 1; i 2023. 7. 20.
비주얼 스튜디오 코드 82_반응형 웹갤러리 html mark up css edit h1태그의 가상요소 만들기 폰트어썸 링크걸고 폰트어썸 넣기 폰트어썸 css edit main html mark up article 20개 만들기 article css edit 플러그인 사용 isotope 홈페이지 접속 Isotope · Filter & sort magical layouts (metafizzy.co) Isotope · Filter & sort magical layouts Install Download CDN Link directly to unpkg. Package managers Install with npm: npm install isotope-layout Install with Bower: bower install isotope-layout --s.. 2023. 7. 19.
비주얼 스튜디오 코드 81_마우스오버효과_자바스크립트 html mark up main: 가장중요한 부분을 넣어주는 태그 좌표 만들기 css reset .bottom css edit 배경색: body의 백그라운드 컬러 / 컬러가 지정되어있으면 반드시 넣어야한다. 배경에 사진넣기 .contents css edit .cursor css edit .cursorl.on css edit javascript 마우스 도형 움직이기 윈도우에 있는 마우스를 움직였을 때 이벤트를 발생해라 window.addEventListener("mousemove",e => { }); jqeury : $(). = javascript : document.querySelector() 마우스를 움직였을 때 html의 x값 좌표를 출력해라. 나머지 클래스도 좌표값 넣기 좌표를 마우스도형에 넣어주기.. 2023. 7. 19.
[JAVASCRIPT]선택문(Switch-case) 선택문(Switch-case) 들어오는 변수값이 무엇이냐에 따라 선택해주고 실행하는것 정해져있는 값들을 선택할 때 좋다. 선택문(Switch-case) let 변수; switch(변수){ case 값1 : 실행문1; break; case 값2 : 실행문2; break; case 값3 : 실행문3; break; default : 실행문; } let url에서 작성한 url로 들어갈 수 있는 명령어 if(url){ location.href = url; } 반복문(while) 조건이 만족할 때까지 반복한다. while(조건){ 참; i++; i--; } 조건 : i 2023. 7. 19.
728x90

티스토리툴바