Web/JavaScript
-
[javascript] 7. 변수(Variables) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 14:26
1. JavaScript Variables 자바스크립트 변수는 자료를 저장하기 위한 컨테이너 입니다. 아래 예제에서 x, y, z는 변수입니다. 123var x = 5;var y = 6;var z = x + y;cs 2. JavaScript Identifiers 모든 자바스크립트 변수는 구별가능한 이름으로 식별되어야 합니다. 이러한 구별가능한 이름을 식별자라고 합니다. 식별자는 짧은 이름(x, y)이거나 좀 더 묘사적인 이름(age, sum, totalVolume)입니다. 이름짓는 일반적인 규칙은 아래와 같습니다. - 문자(letters), 숫자(digits), 언더바(underscore), 달러마크(dollar sign)을 포함합니다. - 문자(또는 달러마크, 언더바) 로 시작해야 합니다. - Case..
-
[javascript] 6. 주석(Comments) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 14:25
자바스크립트 주석은 자바스크립트 코드를 설명하고, 가독성을 높히기 위해 사용됩니다. 또한, 대체 코드를 테스트하기 위해서 실행을 방지하는 용으로도 사용합니다. 1. Single Line Comments 단일 라인 주석은 // 로 시작합니다. 1234// Change heading:document.getElementById("myH").innerHTML = "My First Page";// Change paragraph:document.getElementById("myP").innerHTML = "My first paragraph.";cs 12var x = 5; // Declare x, give it the value of 5var y = x + 2; // Declare y, give it the valu..
-
[javascript] 5. 구문(Statements) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 14:25
1. JavaScript Statements 아래 예제에서는 브라우저에 "Hello JS"를 작성하는 Statement임을 말해줍니다. id가 "demo"인 HTML 요소의 안에 넣습니다. 123456789101112131415 In HTML, JavaScript statements are "commands" to the browser. document.getElementById("demo").innerHTML = "Hello JS."; Colored by Color Scriptercs 2. JavaScript White Space 자바스크립트는 여러 공백을 무시합니다. 작성하는 스크립트에 공백을 추가해 가독성(readability)을 높힐 수 있습니다. 12var person = "Gangnam";va..
-
[javascript] 4. 문법(Syntax) - 자바스크립트 강좌Web/JavaScript 2015. 6. 13. 14:24
자바스크립트 문법은 어떻게 자바스크립트가 구성되는지에 대한 규칙입니다. - 컴퓨터 프로그램은 컴퓨터에 의해 실행되는 명령들의 집합입니다. - 프로그래밍 언어에서, 이러한 프로그램 명령들을 statement라 합니다. - 자바스크립트는 프로그래밍 언어(Programming language)입니다. - 자바스크립트 statements는 세미콜론(;)으로 구분됩니다. 예제. 1234567891011121314151617181920212223 JavaScript Statements Statements are separated by semicolons. The variables x, y, and z are assigned the values 5, 6, and 11: var x = 5;var y = 6;var z ..
-
[javascript] 3. 출력(Output) - 자바스크립트 강좌Web/JavaScript 2015. 6. 13. 14:23
자바스크립트에서는 따로 출력이나 화면이 띄우는 기능을 가지고 있지 않습니다. 1. JavaScript Display Possibilities 자바스크립트는 다른 방식으로 자료를 출력합니다. - window.alert() - document.write() - innerHTML - console.log() 2. Using window.alert() 알림 박스를 이용하여 데이터를 출력할 수 있습니다. 123456789101112131415 My First Web Page My first paragraph. window.alert(5 + 6); cs 3. Using document.write() 테스트 용도로, document.write()를 쉽게 사용할 수 있습니다. 123456789101112131415 M..
-
[javascript] 2.WhereTo - 자바스크립트 강좌Web/JavaScript 2015. 6. 13. 14:22
자바스크립트는 바디(body) 태그나 헤드(head) 태그에 위치 할 수 있습니다! 1. The 태그 사이에 무조건 삽입해야합니다! 123 document.getElementById("demo").innerHTML = "My First JavaScript";Colored by Color Scriptercs Note! 예전에는 4. External JavaScript 자바스크립트는 외부 파일에 작성될수도 있습니다. 외부 자바스크립트는 같은 코드를 여러번 사용하는 서로 다른 무수한 웹 페이지에서 실용적입니다. 123456789101112131415161718 External JavaScript A Paragraph. Try it Note: myFunction is stored in an external fi..
-
[Javascript] 1. 소개(Introduction) - 자바스크립트 강좌Web/JavaScript 2015. 6. 13. 14:21
1. JavaScript Can Change HTML Content HTML 메서드인 document.getElementById() 를 이용하여 HTML Content를 바꿔보도록 하겠습니다! 다음 예제는 HTML 요소(id="demo")를 찾기위한 메소드를 사용하고 "Hello JavaScript"로 요소 내용을 변경하는 예제입니다. 아래와 같이 HTML을 작성합니다. 12345678910111213141516 What Can JavaScript Do? JavaScript can change HTML content. Click Me! Colored by Color Scriptercs 그러고선 웹에서 실행합니다! 위와 같이 뜨면 버튼을 클릭하여 결과를 확인합니다. 이전 문구가 'Hello JavaScri..
-
[JavaScript] 웹페이지에서 스크롤 맨아래로 내려갔을때 추가 항목 로드(ex. facebook 타임라인 불러오기) JS / CSEWeb/JavaScript 2015. 6. 13. 14:18
//더보기 시 리스트를 5개씩 들고오기var board = $("#board");var addObj=""addObj+="추가1"addObj+="추가2"addObj+="추가3"addObj+="" //스크롤이 맨 끝에 내려왔을때$(window).scroll(function(){ var scrolltop = $(window).scrollTop(); if( scrolltop == $(document).height() - $(window).height() ){ for(i=0; i