봉식's 웹프로그래밍공부

JavaScript HTML DOM -Changing CSS HTML 스타일 변경하기 document.getElementById(id).style.property=new style 요소의 스타일을 변경해보았습니다. 이벤트사용HTML DOM을 사용하면 이벤트가 발생할 때 코드를 실행할 수 있습니다.HTML 요소에 "상황이 발생하면"브라우저에서 이벤트를 생성합니다. -요소가 클릭되었습니다.-페이지가로드되;었습니다.-입력 필드가 변경되었습니다. 사용자가 버튼을 클릭 할 때 id="id1"인 HTML 요소의 스타일을 변경합니다. JavaScript HTML DOM 애니메이션 애니메이션 컨테이너 만들기모든 애니메이션은 컨테이너 요소에 상대적이어야합니다. My animation will go here 요소 스타일지..

JavaScript HTML DOM DOM 소개HTML DOM을 사용하면 JavaScript가 HTML문서의 모든요소에액세스하고 변경할 수 있습니다. HTML DOM (Document Object Model)객체 모델을 사용하면 JavaScript는 동적HTML을 만드는데 필요한 모든 기능을 제공합니다. JavaScript는 페이지의 모든 HTML요소를 변경할수있습니다.또한 모든 속성을 변경할있습니다.JavaScript는 페이지의 모든 CSS스타일을 변경할수있습니다.JavaScript는 기존 HTML 요소및 속성을 제거할수있습니다.JavaScript는새로운 HTML 요소와 속성을 제거 할수있습니다.JavaScript는페이지의 모든 기존 HTML이벤트에 반응 할 수 있습니다.JavaScript는 페이지에서..

JavaScript 이벤트 HTML 이벤트HTML이벤트는 브라우저가 수행하는 작업이거나 사용자가 수행하는 작업일수있습니다. 예를 들면 HTML 웹페이지로드가 완료되었습니다.HTML 입력필드가 변경되었습니다.HTML 버튼을 클릭했습니다. JavaScript를 사용하면 이벤트가 감지 될 때 코드를 실행할 수있습니다. 버튼을누르게되면 현재날짜와 시간이보이도록하는이벤트가 발생시키는 코딩을 해보았습니다. 자바스크립트로 이벤트헨들러는 사용자입력,사용자 작업및 브라우저 작업을 처리하고 확인하는 데 사용할수있습니다. 예를들면 페이지를 로드할때마다 수행해야하는 작업페이지를 닫을 때 수행해야 할 작업사용자가 버튼을 클릭 할 때 수행해야하는 작업사용자가 데이터를 입력 할 때 확인해야하는 콘텐츠 많은 다른 메소드를 사용하여 ..

자바 스크립트Java Script 변수 자바 스크립트 변수는 데이터값을 저장하는 것입니다. x , y 및 z 는 변수입니다. var x = 5;var y = 6; var z = x + y; x는 값 5를 저장합니다. y값 6을 저장합니다. z는 값11을 저장합니다. 변수를구성하는 일반적인 규칙! 이름에는 문자,숫자,밑줄 및 달러 기호가 포함 될 수 있습니다.이름은 문자로 시작해야합니다.이름은 $와 _로 시작할수도 있습니다.이름은 대소 문자를 구분합니다.예약어는 이름으로 사용할수없습니다. JavaScript 변수는 100과같은 숫자와 "John Doe"와 같은 텍스트값을 포함할수있습니다.프로그래밍에서 텍스트 값은 문자열이라고 합니다. JavaScript는 많은 유형의 데이터를 처리할수있지만,지금은 숫자와 ..

네트워크 프로그래밍 네트워크프로그래밍이란 다른 컴퓨터와 송수신하는 통신 프로그램을 제작하는 것을 말합니다.Java는 네트워크프로그래밍에 필요한것들을 모두 객체화해놨기때문에 유저는 네트워크구조에대한 지식이없어도 충분히 프로그래밍이 가능하며 고수준 통신 프로그램을 만들 수 있다. Server(서버)는 정보를 제공하는 쪽의 컴퓨터측을 뜻하며 Client(클라이언트)란정보를 요청하는 쪽의 컴퓨터를 뜻합니다.여기서 네트워크란 Server(서버)와Client(클라이언트)가 통신할수있도록 연결하는 연결망을 뜻합니다. 자바에서 TCP 프로그래밍이란 Socket클래스를 이용하여 통신 프로그램을 제작하는 것을 의미합니다. InetAddress 클래스이 클래스는 IP주소와 관련된 클래스입니다.이 클래스를 이용하면 IP주소와..

함수의중복,Random ,Thread,형변환 자바에서 랜덤함수를 사용하는 방법으로는 두가지가있습니다 어제 보여드렸던 Math클래스의 random( )메소드를 사용하는것과 오늘보여드릴 Random클래스를 사용하는방법입니다nextBoolean( ),nextDouble( ),nextFloat( )등등 종류를 지정해서 사용할수있습니다.위에서 보이시는것처럼 1부터 100까지의 범위내에서 난수를 발생시키고싶으면 'nextInt(100)+1'처럼 사용하시면 됩니다.즉.'next(최댓값)'+시작값이되는겁니다.저는 1~100까지의 난수를 발생시켜서유저가 다섯번의 기회만으로 난수를 맞추는 게임을 코딩해보았고발생된난수가 자신이 입력한값보다 크면 그숫자보다 큰수! 만약 작으면 그숫자보다 작은수!라고 알려줌으로써점점 좁혀나가서..

형변환,Math클래스의 중요함수 Math.floor 함수 무조건 소수점뒷자리 버리기Math.ceil 무조건 반올림 Math.round 소숫점5부터 반올림하기 Math.random함수는 0.0~0.99999사이에있는 숫자를 랜덤으로 출력해주는 랜덤함수입니다.저는 실수형을 정수형으로 형변환시켜주는 int my=(int)(Math.random()*10)+1;형태로 고딩을 했습니다. 벡터나 ArrayList에 추가 add시킴 Vectot 클래스 자바에서의 배열은 고정길이를 사용하고있다 즉 배열이 한번 생성되면 길이를 늘이거나 줄일수없지만 Vector 클래스는 가변길이의 배열을 제공하기때문에 필요에 따라 자동으로 늘어나고 줄어들수있다. 전역변수는 클래스안이라면 어느위치에서든지 사용이 가능한 변수를 말합니다지역변수..

생성자,클래스상속,interface,Super키워드,io처리 super키워드는 부모클래스,조상클래스를 가르키는 포인터와 같은 역할 생성자는 클래스이름과동일한 메소드,void없음 생성자는 new연산자 다음에 기술해서 호출 GuestSQL gs=new GuestSQL()생성자부분; super 키워드는 부모껏접근 class TestImage{ public TestImage(){}생성자 생성자는 new연산자 다음에서 호출 생성자는 void없어요,클래스이름과 동일 }class GuestSQL{ public GuestSQL(){db 생성자} 클래스이름동일, void없음 public void dbInsert(){ 신규등록처리} public void dbDelete(int sabun){ 삭제처리처리} public Ar..

배열,문자열,클래스상속,charArt 자바에서 배열형태[]꺽쇠 배열의 크기를 지정안하면 문법의에러발생배열은 같은타입만 취급,배열은 크기고정=>for 반복문으로 출력배열의 크기는 legth 필드문자열의 길이 length필드int[]su=new int[5];String[]dong=new String[200];String[]ck=new String[]{"aa","bb"}; int[]num = {1200,7800,5600 };String[]ck={"aa","bb","cc"}; String jumin="90124-1837629";char gender=jumin.charAt(7);주민번호의 7번째숫자를 gender에 넣어주고 gender값이 1이거나 3이면 여자2이거나 4이면 남자!5이거나6이면 외국인으로 조건문을..

입력,함수,배열,try~catch,문자열 구구단입력,try~catch같이응용 Scanner sc=new Scanner(); sc변수로 Scanner클래스의 메소드접근 Gugudan gg=new Gugudan(); new키워드는 연산자라고 칭합니다. new연산자는 메모리영역 heap영역에 실행중에 동적할당및 할당해제가 가능합니다. 메모리영역은 stack,static,heap영역=실행중에 동적할당가능 입력C언어에서는 scanf같은 gets() 자바에서 입력할떄 Scanner클래스인데 꼭 반드시 임포트 import java.util.Scanner; import java.lang.System;생략가능함 Scanner클래스 sc=new Scanner(System.in); System.out.print("단입력?"..