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

JavaScriptJava의 J Script의 S Object의 O Notaion의 NJSON은 데이터를 저장하고 교환하는 구문입니다.JSON은 JavaScript 객체 표기법으로 작성된 텍스트입니다. 데이터교환브라우저와 서버간에 데이터를 교환 할 때 데이터는 텍스트 일뿐입니다.JSON은 텍스트이며 모든 JavaScript 객체를 JSON으로 변환하고 JSON을 서버로 보낼 수 있습니다.또한 서버에서 받은 JSON을 JavaScript 객체로 변환할수 있습니다.이렇게하면 복잡한 파싱 및 번역 작업없이 데이터를 JavaScript 객체로 처리 할 수 있습니다. 데이터전송JavaScript 객체에 저장된 데이터가 있다면 객체를 JSON으로 변환하여 서버로 보낼 수 있습니다. 데이터수신JSON 형식의 데이터를..

JavaScript BOM(Browser Object Model) 브라우저 개채 모델(BOM) 윈도우 객체창 개체는 모든 브라우저에서 지원이되며 브라우저 창을 나타냅니다.모든 전역 JavaScript 객체,함수 및 변수는 자동으로 윈도우 객체의 멤버가됩니다. 창 크기두 개의 속성을 사용하여 브라우저 창의 크기를 결정할 수 있습니다.두 속성 모두 크기를 픽셀 단위로 반환합니다. -window,innerHeight-브라우저 윈도우의 안쪽 높이(픽셀 단위) -window.innerWidth - 브라우저윈도우의 내부 폭(픽셀 단위) 다른윈도우 메소드-window.open( )-새창을 엽니다.-window.close( )-현재 윈도우 닫기-window.moveTo( )-현재 윈도우 이동-window.resizeT..

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 기능정의 함수선언 function functionName(parameters){code to be executed} 선언된함수는 즉시 실행되는것이 아니라 나중에 사용하기위해 선언하는것이며나중에 필요할때 불러서 사용하는것입니다. a와b를 곱하는 함수를 정의해보았습니다. 또한 함수표현식은 변수에 저장 될 수 있습니다.var x =function( a , b ){return a * b}; 저장한 함수표현식을 변수에 저장 한 후에 변수를 함수로 사용할 수 있습니다. Function ( ) 생성자 함수는 Function ( )이라는 내장 JavaScript함수 생성자를 사용하여 정의 할 수도있습니다. var myFunction = new Function("a","b","return a * b"..

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는 많은 유형의 데이터를 처리할수있지만,지금은 숫자와 ..

태그 사이에 JacaScript 코드를 삽입해야합니다. javascript 함수 및이벤트자바 스크립트 함수는 "호출"할때 실행될수있는 자바 스크립트 코드의 블록입니다.함수를 호출 할 수있는 이벤트는 사용자가 버튼을 클릭했을때와같이 발생한다. script는 HTML페이지의 섹션 또는 섹션에 또는 둘 다에 배치 할 수있습니다.외부에다가 javascript를 둘수있고 몇가지 장점들도 있습니다.그것은 HTML과 코드를 분리합니다.읽고 유지하기가 더 쉽습니다.캐시 된JavaScript파일로 인해 페이지로드 속도가 빨라집니다. javascript는 다른방식으로 데이터를 "표시"할수있습니다. 사용경고 상자에 쓰기는 Window.alert( ).사용하여 HTML출력으로 작성 document.write( ).사용하여 H..

Java Script 공부과정을 시작하기에 앞서우선 JavaScript가 무엇인지 알아보겠습니다. 우리가 매일 접속하는 웹사이트는 크게 3가지요소로 나뉩니다.'HTML(Hyper Text Markup Languge)','CSS(Cascading Style Sheets)','자바스크립트'입니다.HTML은 큰 뼈대를 제공하고,CSS는 색깔이나 글씨체와 같은 디자인 요소를 관리하며 자바스크립트는 크로스 플랫폼,객체지향스크립트 언어로 웹페이지의 동작을 담당합니다. 예를 들어 자바스크립트를 이용하면 '버튼을 클릭하면 밑에 날짜가 나오게 해라'라는 식의 명령을 내릴수있습니다.이때문에 HTML문서의 정적이고 단조로운 한계를 극복하기 위해 넷그케이프사가 만든 liverscript 가 그이름을 달리한것으로서 브라우저 자..