개발/Javascript 검색 결과

해당 글 6건

자바스크립트 - 02. 변수와 주석

변수(Variable)- 어떤 관계나 범위 안에서 여러 가지 값으로 변할 수 있는 수. 컴퓨터는 조그만 방을 만들어서 그 안에 숫자나 문자 등의 값을 넣어놓고 가져다쓰는데 이때 값을 넣는 조그만 방을 변수 라 한다. 다른 값으로 바뀔 수 있음.변수의 선언1234567891011121314151617181920212223web publisher var a; // a 라는 변수 선언, var 은 선언시에만 붙이고 변수사용시에는 변수이름만 가지고 사용. var b; // b 라는 변수 선언 var a, b; // 동시에 선언도 가능. a = 1; // 변수 a 에 숫자1을 넣음. b = 2; // 변수 b 에 숫자2를 넣음. var c = 3; // 변수 선언과 동시에 값을 넣을 수 있음. var d = "H..
개발/Javascript 2016. 7. 7. 17:20

자바스크립트 - 01. 숫자와 문자

본 포스팅은 생활코딩강좌의 내용을 근거로 정리한 내용입니다.숫자12345678910111213141516171819202122web publisher console.log(1); // () 안의 숫자에 대해 알림창 띄움 console.log(1.224); // 소수표현가능 console.log(1+1); // 더하기 console.log(10 * 3); // 곱하기 console.log(10 / 2); // 나누기 console.log(Math.pow(2,4)); // 제곱 2의 2승 console.log(Math.round(11.7)); // 11.7을 반올림 console.log(Math.ceil(11.7)); // 11.7을 올림 console.log(Math.floor(11.7)); // 11.7..
개발/Javascript 2016. 7. 7. 16:49

웹페이지 성능향상을 위한 자바스크립트 삽입방식과 위치

들어가며점심먹고 천근만근 무거운 눈을 겨우 치켜세우며 포스팅을 시작해볼까한다.임시저장된 파일이 너무 많다... 이 글에서는 웹페이지의 성능을 향상시키기 위해 자바스크립트를 어떤 방식으로 삽입해야하는지 어디에 위치시켜야 하는지 설명한다. 자바스크립트 삽입방식예전에는 HTML문서안에 css와 js를 전부다 합쳐놓았으나 유지보수와 성능의 문제로 인하여 외부파일로 돌린지 오래다. 12345// 코드내용 cstype="text/javascript" 는 HTML5 에서는 생략해도 무방하다.심플하고 가벼운 페이지의 경우 따로 분리하지 않고 전자의 경우처럼 문서안에 코드가 위치할 수 있다.후자는 문서에서 사용되는 javascript를 따로 js파일로 만들어놓고 외부에서 불러들여서 사용한다. 코드의 가독성을 높여주고 문..
개발/Javascript 2016. 7. 7. 14:21

자바스크립트 - DOM 이란?

DOM이란?Document Object Model 프로그램이나 스크립트가 웹 문서의 내용, 구조, 스타일에 관한 정보에 접근하거나 갱신하기 위해 사용하는 인터페이스HTML, XML과 같은 마크업 언어의 문서 구조와 이들 문서의 일부분을 변경할 수 있는 수단의 표준 본인이 작성하긴 했지만 무슨말인지 잘 모르겠다.그림으로 살펴보도록 하자. 위 그림은 DOM TREE=NODE TREE 라고한다.Document는 노드들의 집합이다. 노드의 분류 요소노드텍스트노드속성노드1바로가기cs 위 코드에서 a태그는 요소노드, href는 속성노드, 바로가기는 텍스트노드가 된다.
개발/Javascript 2016. 7. 4. 14:19

자바스크립트 함수 호출

함수호출의 2가지의 방법 1. 123456$(window).ready(function(){ })function changeBg(colorName){ document.bgColor = colorName;}cs $(window).ready() 안에 함수를 정의하면 지역함수로 사용이 되고 이벤트핸들러로 함수를 호출하려면 전역함수로 만들어줘야한다. 2. 123456789101112$(window).ready(function(){ fn.changeBg(); fn.chhangeColor();})var fn = { changeBg : function(colorName){ document.bgColor = colorName; }, changeColor : function(colorName1){ document.bgCo..
개발/Javascript 2016. 7. 4. 12:05

버블링(bubbling)과 캡쳐링(capturing)

1234567 cs이러한 계층구조일 때 123456789101112 document.querySelector('.a').addEventListener('click', function(){ console.log('a'); }, false); document.querySelector('.b').addEventListener('click', function(){ console.log('b'); }, false); document.querySelector('.c').addEventListener('click', function(){ console.log('c'); }, false);})Colored by Color Scriptercs이벤트의 마지막인자로 false를 받으면 버블링, true면 캡쳐링이다. 버블링..
개발/Javascript 2016. 6. 17. 17:06