성연이의 프로그래밍 블로그

메인메뉴 네이버 다음 넥스트 메인메뉴만 남기고 나머지는 감추기 메인메뉴 네이버 다음 넥스트 마우스 올리면 보이게 메인메뉴 네이버 다음 넥스트 더보기 메인메뉴 네이버 다음 넥스트 마우스 벗어나면 사라지게 메인메뉴 네이버 다음 넥스트 더보기 메인메뉴 네이버 다음 넥스트 더보기 메인메뉴 네이버 다음 넥스트 메인메뉴2 네이버 다음 넥스트

내외부 스타일시트 접근법은 일반적인 회사에서는 사용되지않고 전문프론트엔드 컴포넌트나 라이브러리를 만드는 회사에서 사용되고 있다. 내외부스타일시트 접근 내외부스타일 구분없이 맨 위에것부터 0번! link가 0, psy가 1, link가 2, csj가 3 더보기 cssRules Rules는 옛날것!!쓰지말자! .psy { background-color: teal; } 이거 하나하나를 cssRules라 부름 document.styleSheets[1].cssRules[0].style.backgroundColor 1번째의 0번째것의 색은 teal 2번째의 0번째것의 색은 pink 더보기 더보기 폰트크기 출력 cssRule밑으로 속성 3개를 많이 사용 cssText, selectorText, style 1. css..

좌우움직이기 package moleGame; import java.net.URL; import java.util.ArrayList; import java.util.List; import java.util.Random; import java.util.ResourceBundle; import javafx.beans.value.ChangeListener; import javafx.beans.value.ObservableValue; import javafx.event.EventHandler; import javafx.fxml.FXML; import javafx.fxml.Initializable; import javafx.scene.image.Image; import javafx.scene.image.ImageV..

클래스 안에는 여러 클래스가 들어와도 됨 박성연 박성연 css파일 생성 .fgPink { color: pink; } .fgPing { color: palevioletred; } .fgYello { color: yellow; } .fgBlue { color: blue; } .bgPink { background-color: pink; } .bgYello { background-color: yellow; } .bgBlue { background-color: blue; } .bgPing { background-color: palevioletred; } 박성연 박성연 ​ CSS파일 적용 헤드안에 넣는다. 박성연 박성연 모든 요소에 테두리 넣어라 더보기 박성연 박성연 border를 두 개 사용하면 마지막 것이 적용..

input type file은 파일 업로드시 사용 보안상의 이유로 사용자 컴퓨터에 파일을 쓰는 것은 불가능 읽기는 사용자가 선택해주는 파일만 읽기 가능 더보기 박성연 만만세 박성연 만만세 박성연 만만세 텍스트파일 읽기보다는 이미지 파일을 읽을때가 더 많다 //v_fileReader.readAsText(v_file2); // 텍스트 파일을 읽어라 v_fileReader.readAsDataURL(v_file2); // 이미지 파일읽기, 가장 많이 씀 alt는 사진 없을 때 사진 대신에 사용 이미지를 src속성에다 주기 document.getElementById("id_sajin").src= v_fileReader.result; accept 내가 지정한 파일만 보여줌(사용자의 편의를 위함)

해킹에 악용되어서 html5 버전부터는 지원하지 않으나 사용하면 편리해서 내부 네트워크 웹프로그램에는 편하게 사용 위에 것을 10%만 할당, 나머지 전부 위를 70% 나머지는 전부 30%주고, 남은 공간을 좌우 컬럼으로 나누기 좌우로 나눌땐 cols를 사용!! 왼쪽이 div2, 오른쪽이 innerHTML frameset.html frame01.html frame02.html opener의 부모는 frameset function f_opener(){ opener.parent.frames[1].document.getElementById("frm1Txt").value= document.getElementById("new_txt").value; opener.parent.frames[2].document.getE..

새창열기 버튼을 누르면 새탭에서 네이버가 켜진다 width와 height를 주면 새탭이 아닌 새창에서 열어준다. var f_newOpen = function(){ window.open("https://mail3.nextit.or.kr","","width=200,height=200"); } left와 top 간격주기 window.open("https://naver.com","","left=100, top=100, width=200,height=200"); 두번째에 이름주기 이름을 주면 같은 이름을 가진 새로운 창은 안 뜬다.(새로뜨는 창 1개로 유지 가능) 그 창을 꺼야 새로운 창이 켜진다. open을 범용사이트에는 자제해서 사용하고 내부 네트워크 프로그램에는 편하게 쓴다. window.open("http..

document[html문서를 가리키고]의 부모는 window[브라우저를 가리킴] 브라우저기반(화면) 자바스크립트의 최상위 객체는 window document라고 썼던 것들은 사실은 전부 window.document document -> window.document 최상위 객체라 생략하고 썼었음 변수선언 변수선언 -> 실제는 속성 선언이었음 윈도우 객체에 속성 하나씩 추가였음 var myName = "박성연"; alert(window.myName); window.myName = "박성연"; alert(window.myName); 함수선언 1) function myFunc(msg) { alert(msg); } //함수 콜 myFunc("안늉!"); 실제는 window객체의 method를 추가 작성하고 있었..

onmouseover onmouseover 더보기 실행 안돼! 왜? 값의 단위;를 넣어보자 function f_over(){ v_wrapper.style.width+=10; } 이렇게도 안돼 왜? v_wrapper.style.width는 nan이기 때문 v_wrapper.style.width=parseInt(v_wrapper.style.width)+10+"px"; function f_over(){ console.log(parseInt(v_wrapper.style.width)); v_wrapper.style.width=parseInt(v_wrapper.style.width)+10+"px"; //console.log("마우스가 올라왔어용!"); } 문자열 빈공백으로 불러와. function f_over(){..

왔다갔다 비율조정 v_parent.style.transform = "scale(2,1.5)"; // 폭 2배, 높이 1.5배 폭과 높이 둘 다 10 v_parent.style.transform = "scale(10)"; // 절반으로 줄이기 마우스 이벤트 마우스 위에 올라갔을 때