javascript & jQuery 48

[CSS] Position

CSS에서 Position 위치를 지정할 수 있는 4가지 방법 기본적으로 왼쪽에서 오른쪽 / 위에서 아래의 순서로 배치됨 1. float : left,rightfloat은 위로 띄우는것 그럼 그 다음에 있던 것들이 치고 올라오겠지자기가 출력될 자리에서 공중에 뜨는 것 div 경우 float를 사용할때width,height를 지정하지 않으면 content의 내용에 따라 크기가 나타나게됨 2. position:absolute 조상(부모x)을 기준으로 상대적인 위치를 지정함조상 : absolute or relative조상중에 absolute or relative가 없으면 body를 기준 3. position:fixed웹 브라우저 client영역스크롤 상관없이 고정 위치 4. position:relative1,..

javascript & jQuery 2016.05.03

JavaScript 찔끔

컴파일 과정 없이 바로 interpret 방식으로 실행 되는 언어 : script languaage(scripting language) 브라우저는 javascript를 실행하는 interpreter를 포함하고 있다. javascript의 특징Html페이지에 포함되어 인터프리트 방식으로 브라우저에 의해 실행되는 클라이언트 사이드 스크립트 언어명령어를 사용하는 절차적(procedural) 언어조건문, 반복문, 함수등을 이용하여 구조적 프로그래밍 가능객체의 정의와 사용을 지원하는 객체기반 언어내장 객체, 브라우저 객체, DOM 객체 제공실행 시간에 자료형을 검사하는 동적 타이핑 언어변수 선언 시 자료형 지정하지 않는다. / 값이 배정될 때 변수의 자료형이 결정 a==b : a와 b의 값이 같을 때 참a===b..

javascript & jQuery 2016.04.21

jQuery 찔끔

1.window.alert("ok"); window는 생략가능 java.lang 생략하는 것처럼 => alert("ok"); 2.getElementById : 맞는 id getElementByTagName : 맞는 name, 여러개일수 있으니 항상 배열로 return 3. ~~ : elementtag 보다 element라는 명칭이 더 정확 4. http://jscompress.com공백을 없애고, 변수명을 최대한 짧게하여 용량을 작게한 것.압축이 아니야!!javascript는 압축하면 못씀 5. cb : callback 6.jQuery 함수의 특징하나의 method를 가지고 get,set 모든 동작을 할 수 있다val 은 배열로 꺼내주는데 나머지것들은 값 꺼낼때 첫번째꺼만 꺼내줌 7.jquery가 ret..

javascript & jQuery 2016.04.12

[#4] Canvas & Animation

1. 그림 그릴 영역 준비 : 그래픽이 그려질 영영(container)-id, height, width : 크기의 단위 pixel수 % 안먹힘 2. 그림그릴 준비var wpcanvas=document.getElementById("cvs");var wpcontext=wpcanvas.getContext("2d"); -getContext : 2차원의 다양한 도형을 그릴 수 있는 메소드들을 ㄱ자ㅣㄴ context object를 get 3. 사각형 그리기 wpcontext.fillRect(20,20,100,100); // 사각형 그리기wpcontext.strokeRect(20,160,100,100); // 테두리 있는 사각형 그리기wpcontext.fillRect(160,20,100,100);wpcontext.c..

javascript & jQuery 2016.04.12

Pluginslick

CDN Settings name(type default) accessibility(boolean true)탭이동과 페이지이동 Key 버튼을 활성화인데 true로 설정하면 시작과 끝이 지정됨defaullt가 true인데 왜 직접 쓴것과 안쓴것이 다른 건지 모르겠다..안써주면 시작과 끝이 없이 계속 뱅뱅 슬라이드된다 adaptiveHeight(boolean false)carousel의 높이 지정 autoplay(boolean false)자동으로 slide 되는가 autoplaySpeed(int 3000)ms를 의미 arrows(boolean true)prev/next arrows asNavFor(string null)slider navigation의 이름 지정(class 나 id 이름으로) 예제코드 [출처]..

javascript & jQuery 2016.04.05

[#1] web

web을 지원하는 bean file -> servlet ->를 확장한 jsp tomcat을 설치한 이유->servlet과 jsp를 관리하고 실행하는 servlet container(engine)가 필요 // 우리가 쓰는 was( web application server, servlet & jsp container와 web server를 가지고있는)의 이름 : 탐캣 -> jsp와 servlet은 빈이므로 실행할 수없다 bean을 관리하고 실행하는 contaier가 필요하다. 웹서버=html container url : ip+port까지 uri : 물리적인컴퓨터정보 ㄴㄴ / identify uri가 길어져서 관리하기가 힘들어짐 -> 현업에서는 url안씀, html을 키면 브라우저는 그 html이 어디서 왔는..

javascript & jQuery 2016.03.18
반응형