보통 margin:auto; 를 사용하면 좌우, 상하 중앙에 알아서 위치를 한다.
명시적으로 위치를 조절해주지 않아도 margin:auto auto auto 0; 이런식으로 값을
정해주면 자동으로 왼쪽에 위치하는데 position:absolute 속성일때는 margin을 통한
위치 조정이 적용 되지 않는다.
이럴경우 top:0; left:0; bottom:0; right:0; 을 정의해주면 margin:auto가 적용이 된다.
보통 margin:auto; 를 사용하면 좌우, 상하 중앙에 알아서 위치를 한다.
명시적으로 위치를 조절해주지 않아도 margin:auto auto auto 0; 이런식으로 값을
정해주면 자동으로 왼쪽에 위치하는데 position:absolute 속성일때는 margin을 통한
위치 조정이 적용 되지 않는다.
이럴경우 top:0; left:0; bottom:0; right:0; 을 정의해주면 margin:auto가 적용이 된다.
ImageSetThickness
GD 라이브러리에서 선의 두께를 정의한다
주의사항
ImageAntiAlias 이 true 면 적용되지 않음. false일때만 적용됨
고도몰 e나무 독립형 서버 이전시 주의사항
/shop/conf/godomall.cfg.php
상점 기본정보가 인코딩상태로 입력되어있음, 이것이 쇼핑몰 정보가 일치하지 않을 경우 관리자 초기 화면 /shop/admin/basic/adm_basic_index.php 화면의 위젯및 배너가 엑박남
/shop/conf/serial.cfg.php
쇼핑몰 관리자 화면 사용권한을 얻기위한 시리얼키가 있음.
/shop/conf/db.conf.php
DB접속 정보가 담겨있음.
/shop/skin 폴더는 심볼릭 링크(바로가기)로 설정되어있어서 이전시 별도로 설정해야함
/shop 폴더에서
ln -s ./data/skin ./skin
tar - GNU 버전 tar 저장 도우미
이 설명서는 tarfile 이라고 알려진 저장 파일을 묶거나 풀 수 있도록 만들어 진 GNU 버전 tar 저장 프로그램에 대한 설명이다. tarfile 은 테이프 드라이브에 저장할 수도 있고, tarfile 을 일반적인 보통 파일로 쓸 수도 있다. tar 의 첫번째 인수로는 반드시 Acdrtux 중 하나의 옵션이 들어가야 하고, 다른 선택적인 기능이 덧붙여진다. tar 의 마지막 인수로는 압축될 파일이나 디렉토리의 이름이 오게 된다. 디렉토리 이름이 사용될 경우 언제나 하위 디렉토리가 함께 저장된다.
가장 많이 사용하는 일반적인 옵션
[압축할 때] tar cvzf 파일명.tar.gz <디렉토리> 또는 파일
[압축 해제] tar xvzf 파일명.tar.gz
폴더, 파일의 권한을 포함해서 압축할때
[압축할 때] tar cvzpf 파일명.tar.gz <디렉토리> 또는 파일
[압축 해제] tar xvzpf 파일명.tar.gz
naturalWidth, naturalHeight
폭은 300, 높이는 400 인 a.jpg 라는 이미지(원본)이 있을 경우
<img id="image" src="a.jpg" width="100" height="150" />
위처럼 사용하게 되면 a.jpg는 폭 100, 높이 150으로 축소가 되어서 출력이 된다.
document.getElementById("image").width 는 100 을 출력하고
document.getElementById("image").height 는 150 을 출력한다.
이때 이미지의 원본 크기를 알고 싶을 경우
document.getElementById("image").naturalWidth
document.getElementById("image").naturalHeight
로 알수 있다. 이는 각각 300, 400을 출력한다.
브라우저 지원 : 크롬, 오페라, 파이어폭스, 사파리, 익스플로러 9.0이상
jquery 에서는 사용할 경우
jquery Object 에는 naturalWidth, naturalHeight 값이 포함되어 있지 않기때문에
jquery Object 에 포함되어 있는 원본(dom Object)로 접근하여 사용해야 한다.
$("#image")[0].naturalWidth 또는 $("#image").get(0).naturalWidth 으로 접근이 가능하다.
<div id="test"></div>
위와 같은 객체에 jquery는 $("#test") 로 jquery 객체를 생성하는데,
이때 document.getElementById("test") 와 같은 HTML DOM 객체에 접근하기 위한 방법은 아래와 같다.
1. $("#test")[0]
2. $("#test").get(0)
* 1, 2번은 모두 document.getElementById("test") 와 동일함
.mousemove 개요 (0) | 2016.12.14 |
---|
테스트 환경 : 크롬 54.0.2840.99 m
작동방식 : 마우스가 이동할때뿐만 아니라 일정 시간 간격마다 반복하여 이벤트가 발생함
버블링 :
<div id="father">
<div id="child"></div>
</div>
위와 같이 부모와 자식 모두 동시에 발생함 순서는 child 객체의 mousemove 이벤트가 발생 한후 바로 father 객체의 mousemove 이벤트 발생
$("#father").mousemove(function(e){
$("#msg").text($("#msg").text() + ", " + e.currentTarget.id);
})
$("#father").mousemove(function(e){
$("#msg").text($("#msg").text() + ", " + e.currentTarget.id);
})
이벤트가 발생한 현재객체 접근은 e.currentTarget 이며
위 두경의 모두 e.target은 child 객체를 가르킴( << 정확한 원인분석필요)
jquery object를 html dom object로 변환하기 (0) | 2016.12.14 |
---|