웹개발 (50) 썸네일형 리스트형 웹 - 말줄임표, 어떻게 처리하시나요? text-overflow: ellipsis를 사용해보세요. 고정폭이 아닌 반응형 사이즈의 경우, 한 줄에 제목을 표시하고 말줄임표 ... 을 나타내는 데에 난감한 경우가 많으셨을 겁니다. 많은 사람들이 아직도 스크립트 언어에서 문장의 글자수를 자르고 뒤에 ...을 붙이는데, 이렇게 할 경우 width를 픽셀이 아닌 %로 지정하면 화면에 따라 문장이 깨지게 됩니다. 다음 모바일 화면을 보시면 제목 뒤에 ... 이 붙어있을거에요. 아래 css는 다음 모바일에서 사용하는 제목의 css 입니다. .ta_txt .link_txt { display: block; overflow: hidden; min-height: 17px; padding: 10px 12px 9px; line-height: 1.15; letter-spacing: -1px; white-space: nowra.. img태그에 사이트 폭에 맞는 이미지 사용하기 와 같이 src attribute 안에 "http://src.sencha.io/"를 추가하고, 뒤에 사이트의 절대경로를 붙이면 사이트 폭에 맞는 이미지로 자동 resize 되어 다운로드할 수 있습니다. 큰 이미지를 바로 사용할 경우, 사이트의 속도가 느릴 수 있습니다. 해상도 별 이미지를 따로 준비하지 않아도 되며, 모바일 웹사이트 제작시에 아주 유용하게 쓰실 수 있습니다. PHP Fatal error: Class 'DOMDocument' not found 조치 방법 PHP에서 Fatal error: Class 'DOMDocument' not found in /home/data/html/common/class/board.cls on line 885와 같은 애러 발생시 php-xml 라이브러리를 설치해 주신 후, WAS(apache 등)를 재시작 해 주시면 됩니다.yum -y install php-xml*service httpd restart PHP Notice: Undefined index: 해결 방법 Notice: Undefined index: idx in /home/data/html/board/index.php on line 7 Notice: Undefined index: NO_AUTO_LOGIN in /home/data/html/common/common.sub on line 1456 와 같은 애러 발생시 소스코드를 수정하실 필요 없습니다. php.ini 파일을 에디터로 엽니다. vi /etc/php.ini;error_reporting = E_ALL & ~E_DEPRECATED & ~E_STRICTerror_reporting = E_ALL & ~E_NOTICEerror_reporting 을 E_ALL & ~E_NOTICE로 수정해 주신 후, 저장 (:wq! ) 하시고, WAS(httpd) 를 재시작.. Flex에서 PHP로 데이터 보내기 PHP에서 Flex로 데이터를 보내는 방법은 많은데, 그 반대는 찾아봐도 제대로된 정보가 없어서 구현해 보았습니다. 유용하게 쓰세요 :) //fx:Declarations 안에 아래 내용을 추가해주세요 // 아래 함수들을 Script 안에 넣어주세요. public function OnHTTPResult(event:ResultEvent):void { txtResult.htmlText= event.result.toString(); } public function OnHTTPFault(event:FaultEvent):void { txtResult.text= event.fault.toString(); } public function saveToDB(str:String):void { var params = new .. FLEX arrayCollection to JSON 함수 arrayCollection을 HTTPService를 이용해 PHP로 보낼 때 유용하게 쓰실 수 있습니다. 해당 라이브러리를 찾다가, 간단하게 만들 수 있을 것 같아서 만들어 보았습니다. public static function arrayCollectionToString( myArrayCollection:ArrayCollection ):String { var array1:Array; var array2:Array; var tmpStr:String; array1 = new Array(); for each( var obj:Object in myArrayCollection ) { array2 = new Array(); for ( var obj2:Object in obj ) { if(obj[obj2] != nu.. 웹페이지 PDF 생성. 삽질은 이제 그만! 웹마스터라면 누구나 PDF 생성에 대해 많은 삽질을 경험해 보았을 것입니다. 모든 종류의 pdf 생성 플러그인을 해 보았지만, 자체 문법을 요구하거나, 많은 삽질을 하고, 결과적으로는 원하는 대로 문서가 생성되지 않았습니다. 특히 google chart같은 자바스크립트를 통해 가져오는 데이터는 표시도 되지 않았습니다. 그러던 중 이걸 발견하게 되었는데요. 정말 만족스럽습니다. 사용도 지금까지 본 것 중에 가장 간편하구요. (단, jqueryUI 등 자바스크립트에서 페이지 로드 후 객체의 디자인을 바꿔주는 부분은 바뀌지 않을 수 있는데, 이부분은 전혀 불편하지 않으실 거라고 생각합니다. 이 부분에 대해서 이해가 안가시는 분은 해당되지 않으니 무시하셔도 되요) 아래는 리포트 페이지를 pdf 로 생성한 모습입.. Gimbal lock 문제 짐벌락이란 무엇인가? 짐벌락은 같은방향으로 오브젝트의 두 회전 축이 겹치는 현상을 말한다. 간단히 설명하면 오브젝트가 자신이 회전하려고 하는 방향으로 오브젝트가 회전하지 않는 것이다. 이러한 현상이 일어나는가? 짐벌락은 오일러 앵글이라고 알려진 회전 행렬로 오브젝트를 애니메이트 하려고 할 때 발생한다. 오일러 앵글이 설정한 순서에 각 축을 독립적으로 평가하기 때문이다. 3DS Max는 회전순서가 X,Y,Z로 되어있다.(이 순서는 변경이 가능) X,Y,Z로 회전순서가 돼어있다는 것은 먼저 X축으로 오브젝트를 회전시키고 그 다음 Y축으로 회전하고 마지막으로 Z축으로 회전한다는 의미이다. 이때 Y축을 90도로 회전할 때 짐벌락이 발생한다. 왜냐하면 X 성분이 이미 평가가 됐기 때문에, 다른 두축으로 이동되지 .. 이전 1 2 3 4 5 6 7 다음
