X

만성투덜로그


부트스트랩 3.X 사용(테스트환경 3.0.0)시 IE7에서 그리드 시스템의 경우 렌더링 오류가 나타난다.

IE8이상과 다른 종류의 브라우저에서는 정상적으로 표현이 되나 부트스트랩 3점대 이상에서만

이 현상이 나타나는데, 이는 부트스트랩 3점대 이상버전에서 IE7을 지원하지 않기 때문에

나타나는 현상이다. 이 경우에 사용하기 위한 플러그인이 개발되어 오픈소스로 공유되어

있는데, 다운로드 URL 및 사용법은 아래와 같다.

1. 다운로드 URL 및 사용법

2. BootStrap 3 for IE7을 사용하기 위한 추가 플러그인(BootStrap 3 for IE7을 사용해도 정상적으로
    레이아웃이 표현되지 않을 때 사용)
box-sizing-polyfill

3. 두 가지 플러그인의 실제 사용 예
 3.1 bootstrap-ie7.css파일을 다운로드 받아 서버의 특정한 위치에 업로드
 3.2 부트스트랩 사용페이지 HTML헤더에 아래와 같은 코드삽입

<!--[if lt IE 8]>
  <link href="/boot/css/bootstrap-ie7.css" rel="stylesheet">
<![endif]-->
3.3 boxsizing.htc 파일을 다운로드 받아 서버의 특정한 위치에 업로드
3.4 bootstrap-ie7.css파일 첫번째 라인의 마지막부분에 behavior:url 를 본인의 시스템에 맞게
     수정
content{box-sizing:border-box;behavior:url(/boot/js/boxsizing.htc)
3.5 서버의 DOCUMENT ROOT .htaccess파일에 아래와 같은 내용 추가
AddType text/x-component .htc

위와 같이 부트스트랩 3.X를 사용할 경우 IE7버전에 대한 렌더링 오류 처리를 할 수 있으며,

추가적으로 세세한 부분에 대해서는 각 사이트에 맞게 조정하여야 할 것으로 생각된다.

부트스트랩 플러그인 관련 정보는 아래의 사이트를 참조하였다.


Posted by 만성투덜

2014/02/10 16:43 2014/02/10 16:43

IE6~8에서 특정 HTML5 태그의 렌더링 문제가 발생한다. 이 렌더링 문제를 수정하기 위해

html5shiv를 이용한다. 또한 미디어쿼리도 정상적으로 지원하지 않는데 이 때문에 부트스트랩

사용시 네비게이션바(navbar)의 collapse가 정상적으로 표현되지 않는 문제가 발생한다. 

이 문제를 해결하기 위해서는 respond.js를 이용한다.

아래는 html5shiv, respond.js 사용 예와 관련 페이지다.


1. html5shiv, respond.js 사용 예
<!DOCTYPE html>
<html lang="ko">
<head>
  <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.js"></script>
  <![endif]-->
</head>


2 .html5shiv 구글 다운로드 & 정보 페이지
https://code.google.com/p/html5shiv/


3. html5shiv 사용법 & 다운로드 & 개발관련 정보 페이지
https://github.com/aFarkas/html5shiv

4. respond.js사용법 & 다운로드 & 개발관련 정보 페이지
https://github.com/scottjehl/Respond

Posted by 만성투덜

2014/02/06 20:27 2014/02/06 20:27

[jquery] 다중폼에서 submit폼 확인

한 페이지 내에 여러개의 폼이 사용될 때, 개개의 폼에 onsubmit을 하는 것보다는 아래와 같은 방

법으로 submit된 폼을 확인하여 액션을 주거나 폼체크등을 할 수 있다.

아래의 예는 submit이 일어난 폼의 데이터를 ajax로 전송할 수 있도록 직렬화 하는 예로 아래의

예에 ajax 관련 코드만 추가구현하면 된다.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <script type="text/javascript">
$(document).ready(function(){
$('form').submit(function(){
  var $data = $(this).serialize();
                  // ajax관련 코드 구현
  return true;

});

});
  </script>

</head>
<body>
<form id="test1" name="test1" action="./test1.php" method="post">

<input type="text" name="test_1" id="test_1" />

        <input type="password" name="passwd" id="passwd" />

<button type="submit">LOGIN</button>
</form>

<form id="test2" name="test2" action="./test2.php" method="post">

<input type="text" name="test_2" id="test_2" />

        <input type="password" name="passwd" id="passwd" />

<button type="submit">LOGIN</button>
</form>
</body>

</html>

Posted by 만성투덜

2014/01/22 19:04 2014/01/22 19:04
, , , , , ,
Response
받은 트랙백이 없고 , 댓글이 없습니다.
RSS :
http://www.nfriend.net/nf_tc/rss/response/72

HTML ELEMENT ATTRIBUTE 테스트

HTML ELEMENT의 attribute가 현재 브라우저에서 정상적으로 사용할 수 있는지 확인하는 스크립트.


function testAttribute(element, attribute)
{
  var test = document.createElement(element);

  if (attribute in test) {
    return true;
  } else {
    return false;
  }
}

if(testattribute('input', 'autofocus')) {
  //속성 사용 가능할 경우 액션
} else {
  //속성 사용 가능가능하지 않을 경우 액션
}

출처 -> http://winkey.tistory.com/540

Posted by 만성투덜

2014/01/22 13:02 2014/01/22 13:02
, , , , , ,
Response
받은 트랙백이 없고 , 댓글이 없습니다.
RSS :
http://www.nfriend.net/nf_tc/rss/response/71

이클립스에서 원격으로 PHP를 사용할 때, 보통은 RSE(Remote System Explorer)를 많이 사용하는데

RSE에서 기본적으로는 코드어시스트가 되지 않는 경우가 많다. 이럴 경우에 아래 경로를 확인해

workspace/.metadata/RemoteSystemsTempFiles

보면 .project 파일이 있는데, 이 .project파일에 아래와 같은 <natures>구문을 추가해주면 PHP

function의 코드 어시스트가 정상적으로 동작하게 된다.


<natures>
    <nature>org.eclipse.php.core.PHPNature</nature>
    <nature>org.eclipse.wst.common.project.facet.core.nature</nature>
</natures>


위와 같은 구문을 추가하였을 때도 정상적으로 코드어시스트가 되지 않는다면 아래 URL을 참고하여


http://stackoverflow.com/questions/17263590/eclipse-pdt-code-completion-not-working-at-all



아래 경로의 파일들을 삭제한 후, 이클립스를 재실행해 보길 바란다.

workspace/.metadata/.plugins/org.eclipse.dltk.core.index.sql.h2


Posted by 만성투덜

2014/01/16 12:11 2014/01/16 12:11
, , , , , ,
Response
받은 트랙백이 없고 , 7 Comments
RSS :
http://www.nfriend.net/nf_tc/rss/response/70

이클립스의 기본 폰트 변경 경로는 아래와 같다.

menu -> Window -> Preference -> General -> Appearance -> Colors and Fonts

위의 경로에서 변경하고나 하는 폰트를 선택 Edit버튼을 클릭하여 변경하고자 하는 폰트로 변경하

면 된다. 다만 위의 경로에서는 일반적인 폰트가 변경이 되지만 아래와 같이 html파일 형식 input

<input type="text" name="cpdata1" value="11">



박스의 value값은 이탤릭체로 남아 있는 경우가 있고 해당 이탤릭체를 사용하지 않으려면 다음의


경로에서 이탤릭체를 언셀렉트 해주면 된다.


menu -> Window -> Preference -> Web -> HTML Files -> Editor -> Syntax Coloring ->


Attribute Values -> Italic 언체크


이클립스 버전 : Kepler Service Release 1

Posted by 만성투덜

2014/01/14 12:12 2014/01/14 12:12
, , , , , ,
Response
받은 트랙백이 없고 , 댓글이 없습니다.
RSS :
http://www.nfriend.net/nf_tc/rss/response/69

보통 프로그래밍을 할 때 IDE로 개발할 경우 IDE기본 탭간격은 보통 4정도로 고정되어져 있다.

이 간격을 프로젝트시 프로젝트 구성원간의 협의해 의해 조정하게 되는데, 보통 스페이스 2~4

정도로 사용을 하며, 본인이 사용하는 이클립스에서 탭을 스페이스로 조정하는 방법은 아래와 같다.

1. 메뉴 -> Window -> Preferences -> PHP -> Code Style -> Formatter

2. 기존의 profile를 수정한다.
 -. PHP Conventions [built-in] 프로파일(profile)를 edit버튼을 눌러 수정화면으로 이동한다.
 -. Indentation탭의 General settings 영역의 항목(Tab policy, Indentation size)을 수정한다.
 -. Tab policy를 Spaces로 선택하고, Indentation size를 2~4로 변경한 후 OK버튼을 누른다.

참고자료 : http://woogyun.tistory.com/199

Posted by 만성투덜

2014/01/03 18:17 2014/01/03 18:17
, , , , , , ,
Response
받은 트랙백이 없고 , 댓글이 없습니다.
RSS :
http://www.nfriend.net/nf_tc/rss/response/68

이번에 소개해 드릴 제품은 지난 5월에 출시한 앱솔루트코리아의 NVIDIA 제품군인 GAINWARD

GEFORCE GTS 450 D3 2GB입니다. 사실 이 제품을 본 사람들의 반응은 보통 오~ 하다가 응??

이런 반응을 보이게 됩니다. 사실 D5메모리에 비해서 D3메모리의 성능은 비할바가 못됩니다.

개발에 편자까지는 못되더라도 상당한 성능차이를 보이는 것이 사실인데, 기존에 이미 D5 1G

제품이 많이 나와 있는 상태에서 D5메모리도 아닌 D3 2G메모리를 달고 나온 것입니다. 무슨

목적을 가지고 나왔는지는 아직 판단할 길이 없지만, 일단 제 손에 들어 왔으니 간단하게 이

제품에 대해서 알아보도록 하겠습니다.

일단, 기본스펙입니다.


 GTS 450 D3 2G

 GTS 450 D5 1G

 CUDA 프로세스 코어

 192

 192

 그래픽 클럭

 783MHz

 783MHz

 메모리 클럭

 1334MHz

 3608MHz

 표준 메모리 환경

 2048MB DDR3

 1024MB DDR5

 메모리 인터페이스

 128bit

 128bit

 최대 디지털 해상도

 2560 * 1600

2560 * 1600

 최대 VGA 해상도

 2048 * 1536

2048 * 1536

 멀티모니터

 지원

 지원

 HDCP

 지원

지원

위에 기본스펙표와 같이 D5 1G와 D3 2G는 기본스펙이 거의 같습니다. 당연하게도 동일한칩

을 사용한 모델이기 때문입니다. 차이가 나는 부분은 메모리 클럭과 표준 메모리 환경

뿐인데, D5메모리가 D3메모리보다 성능이 월등하다는 점을 생각한다면 사실상 1G나 2G는

별 의미가 없어 보이는 상태에서 메모리클럭은 D5 1G가 월등합니다.

다음은 제품 사진입니다.

먼저 제품 정면사진입니다. 기존 박스와 크게 다른 부분이 없습니다. 우측하단에 2G모델이

라는 것을 강조했습니다.

제품 부속품입니다. 제품과 메뉴얼, 제품보증서, 유틸CD가 들어있습니다.

제품사진입니다. 붉은색의 쿨러와 붉은색의 게인워드 로고가 눈에 띕니다.

디스플레이포트는 총3개(HDMI, D-SUB, DVI)를 제공합니다.

6핀보조전원부입니다.

다음은 제품외관 동영상입니다.

다음으로 게임 테스트를 진행했습니다. 아래는 게임 실행 동영상입니다.

게임테스트를 진행한 게임들은 니드포스피드 핫퍼 슈잇, MLB2K11,NBA2K11,스타2

입니다.

게임을 테스트한 PC사양은 아래와 같습니다.

1. CPU : 인텔 i3 540

2. 램 : 삼성램 4G

3. OS : 윈도우 7

아래는 게임 테스트동영상입니다.

1. 니드포스피드입니다. FRAPS로 동여상체크를 했는데, 좌측상단에 표시되도록 했는

데, 화면에는 잡히지 않았네요. 풉옵에서 평균 25~30프레임, 중옵에서 평균 45프레임

이상 나옵니다. 기대치 않았는데, 꽤나 잘 나옵니다.


2. MLB2K11입니다. 2KSPORTS의 대표적인 게임이죠. 마찬가지로 FRAPS로 프레임체크

했을 때 풀옵 평균 30~35, 중옵은 평균 50프레임이상 나왔습니다. 풀옵시 특정화면에서

약간의 딜레이가 있을 수 있어서 쾌적하게 게임하시려면 중옵으로 하시는게 좋습니다.

3. NBA2K11입니다. 위의 MLB2K11과 마찬가지로 2KSPORTS사의 게임이구요. 두 게임은

게임 사양이 비슷해서 프레임도 비슷하게 나옵니다. MLB2K11과 마찬가지로 풀옵시 30~35

프레임, 중옵시 50프레임이상 나오구요. 마찬가지로 게임을 쾌적하게 하시려면 중옵으로 플

레이 하시면 될 것 같습니다.

4. 스타2입니다. 위의 3게임보다는 상대적으로 더 쾌적한 플레이를 보장합니다.


이상으로 간단한 리뷰를 마치며, 처음에 이 제품의 기본 스펙만을 봤을 때는 이 제품이 왜

출시가 됐는지 의아한 마음이 컸습니다. 하지만, 게임테스트를 진행해본 결과 개인적으로

는 생각보다 꽤나 좋은 결과를 얻었습니다. D3메모리라 무시하고 게임 플레이시 풀옵은

어림도 없을 것으로 생각하고 게임 테스트를 진행했는데, 풀옵으로 진행시 아주 쾌적한

게임 진행은 아니더라도 별무리없이 게임을 플레이할 수 있었습니다. 물론 아주 쾌적하게

게임을 플레이하려면 중옵으로 플레이 하는 것도 괜찮다고 생각하고요. 가격대도 개인적

으로 현재 다나와 기준 최저가 130,000원 대이니 이 정도 퀄리티의 게임을 플레이하기에

이 정도의 가격대면 큰 무리가 없을 것으로 판단됩니다.

Posted by 만성투덜

2011/06/15 18:14 2011/06/15 18:14

지난달에 개봉기를 작성한 GTX560 GS를 이제서야 게임테스트를 진행했네요.

테스트를 진행한 게임은, 총 4가지로 니드포스피드 핫퍼 슈잇, 크라이시스2 그리고 2K스포츠의 MLB2K11

, NBA2K11입니다. 게임 옵션은 올릴 수 있는 한 풀옵으로 진행했구요. PC 사양은 아래와 같습니다.


1. CPU : 인텔 i3 540

2. 램 : 삼성램 4G

3. OS : 윈도우 7


다음은 게임 동영상입니다.

첫번째는 니드포스피드입니다.

아래 게임동영상을 보시면 아시겠지만, 화면 좌상단에 보시면 프레임정보를 아실 수 있구요. 정말

최하가 50프레임 정도 찍었네요. 게임하기에 쾌적합니다. 프레임정보는 FRAPS로 프레임 체크

했습니다.

 

두번째는 크라이시스2입니다.

아래 게임동영상에는 촬영이 안됐는데, FRAPS로 프레임을 체크했을 때, 최하 30정도에서 최대

45정도까지 프레임이 나왔습니다. 크라이시스는 고사양게임중에도 꽤나 고사양축입니다.

세번째는 2K SPORTS사의 NBA2K11입니다.

아래 게임동영상을 보시면 아시겠지만, 화면 좌상단에 보시면 프레임정보를 아실 수 있구요. 정말

최하가 50프레임 정도 찍었네요. 게임하기에 쾌적합니다. 프레임정보는 FRAPS로 프레임 체크

했습니다.

 

마지막 네번째는 2K SPORTS사의 MLB2K11입니다.

아래 게임동영상을 보시면 아시겠지만, 화면 좌상단에 보시면 프레임정보를 아실 수 있구요. 정말

최하가 50프레임 정도 찍었네요. 게임하기에 쾌적합니다. 프레임정보는 FRAPS로 프레임 체크

했습니다.

 

게임동영상 테스트를 마치면서 스펙상으로 보자면 GTX460 -> GTX560 -> GTX560 Ti이구요.

왠만한 게임으로는 체감성능이 크게 차이나지 않습니다. 가격대는 글을 작성하는 현재 다나와

기준으로 GTX460이 리뷰를 올린 앱솔루트의 경우 단종이 되었고, 테스트한 그래팍카드(GTX560

 GS)가 232,000원대에 최저가가 형성되었으머, GTX560 TI GS가 323,000원대에 최저가가 형성

되어 있습니다. 이 정도 급이면 대개가 게임을 하시기 위해서 그래픽카드를 구매하실 텐데, 개

인적으로 이 정도 급이면 어떤 게임을 하시든지 웬만한 게임은 만족감을 얻으실 수 있을 거라

생각됩니다.

Posted by 만성투덜

2011/06/10 16:11 2011/06/10 16:11

이번에 소개해 드릴 제품은 앱솔루트코리아의 신제품 미니PC GIADA SLIM-A50 E350W입니다.

제품명을 보시면 아시겠지만, 미니PC입니다. 미니PC!!! 요새 태블릿 PC가 판을 치고 있고, 넷북

도 꾸준한 점유율을 유지하고 있는 와중에 앱솔루트코리아에서는 의외로 미니PC라인업을 늘려

가고 있습니다. 실판매가 얼마가 될지는 아무도 알 수 없고, 앞으로 어찌 될지도 아직은 모르는 상

황이지만, 현재로서는 앱솔루트코리아의 미니lPC출시가 무모한도전이 될지 성공적인 도전이 될 지

일단은 조금더 지켜봐야 할 것 같습니다.

그럼, 제품에 대해서 알아보겠습니다.

일단 제품의 장점을 몇가지 들어 볼 수 있겠는데요. 장점은 아래와 같습니다.

1. 듀얼코어 FUSION APU제공 : 부드럽고 또렷한 DVD 및 HD 비디오 재생

2. 간편한 연결로 HD비디오를 HDTV에서 재생

3. 빠른 웹서핑

4. 작고 슬림한 크기로 인한 놀라운 수납성

5. 깔끔하고 세련된 디자인 : 호불호가 갈릴 수는 있겟지요.

6. Wi-Fi기능 추가

7. 26dB의 조용한 컴퓨팅 환경 제공

8. 내장 그래픽카드 HD Radeon 6310제공

이상의 장점을 들 수 있겠습니다.

다름으로 제품 스펙은 아래와 같습니다.

 Model      

 Giada SLIM-A50 E350W

 Processor

 AMD E-350

 GPU

 ATI Radeon HD 6310

 Memory

 SODIMM 2GB DDR3 MEMORY

 Harddisk

 2.5" SATA2 320GB HDD

 Output

 4xUSB2.0, 1xUSB3.0, 1xCard Reader (SD/MMC/MS/MS PRO), 1xHDMI, 1xVGA(D-SUB)

 LAN

 Gigabit LAN + WiFi 802.11n+Bluetooth

 Audio

AUDIO Out / MIC-in

 Power consumption

30W

 Size

 190X150X25 mm

 Color

 White/Black

위에 스펙표를 보시면 아시겠지만, 이 미니PC는 내장그래픽으로 HD6310을 제공하고 있구요. 4개의

USB2.0포트, 1개의 USB3.0포트, 기가비트랜, 카드리더, 와이파이, 블루투스까지 유선환경이나, 무선

환경에서 완벽하게 사용할 수 있게 제품이 구성되어 졌음을 알 수 있습니다. 제품 크기 또한 노트크기보

다도 작은 크기로 휴대성또한 아주 좋고, 무게 또한 매우 가볍습니다. 또한 사용시에 소음도 위에 기재된

바와 같이 아주 작아서 소음에 거슬르실 일도 없구요. 같이 제공되는 액세서리를 통해서 미니PC를 모니터

뒤에 부착해서 모니터 일체형 PC로도 사용할 수 있습니다.

다음은 윈도우7성능 테스트입니다.

아무래도 HD6310 덕분에 게임 그래픽 점수는 양호하게 나타났구요. 하드디스크 점수도 양호하게 나타

났는데, 듀얼코어임에도 불구하고 프로세서 점수가 3.8이라는 점수는 좀 아쉽습니다.

다음으로 제품 사진입니다.

제품 박스 사진입니다. 이번에 사진을 잘못 찍어서 전체적으로 사진이 보기 안 좋은 점이 좀 있는데, 양

해 부탁드립니다. 박스는 대체적으로 평범합니다.

제품 구성품과 제품사진입니다.

처음으로 모니터 뒤에 SLIM-A50 E350W(이하 미니PC)를 고정시킬 수 있는 액새서리입니다.

두번째사진은 첫 박스를 개봉하면 두번째 사진처럼 박스 2개를 다시 보실 수 있는데요. 하나는 제품박

스, 하나는 부속품 박스입니다.

세번째 사진은 제품박스를 개봉한 사진이구요.

네 번째 사진은 부속품박스에 들어있는 부속품들 사진입니다. 부속품으로는 리모컨, 어댑터, 매뉴얼,

HDMI케이블등이 들어있습니다.

다음사진들로는 제품 전원버튼 부분과 커넥터부분, AUDIO, 마이크 단자부분모습입니다.

첫 번째 사진은 모니터 뒷면에 부착할 액세서리에 장착한 미니PC사진입니다.

두 번째 사진부터는 미니PC거치대에 미니PC를 거치한 모습사진입니다.

마지막 사진은 모니터에 및 입력장치(키보드, 마우스)를 연결한 사진입니다.

다음은 게임 테스트입니다.

테스트할 절대적 시간이 부족해서 간단한 게임 몇가지만 진행하였습니다.

게임 설치에 시간이 오래 걸리다보니 고사양게임을 진행하기는 어려웠구요. 동영상을 찍지는 못하였습

니다만, MLB2K11이나, NBA2K11 그리고 니드포스피드 핫퍼 슈잇을 잠깐 돌려봤는데요. 듀얼코어의

성능때문인지, HD6310의 성능이 생각보다 받쳐주지 않아서인지는 몰라도 개인적으로는 생각한 만큼

의 게임시 성능은 보여주지 못했습니다. 그렇다고 아예 게임 진행을 못할정도는 아니지만, 중옵에서의

플레이도 좀 버겁다는 느낌을 받았고, 좀 고사양 게임을 즐기시려면 옵션을 좀 많이 낮춰서 플레이 하

셔야 될 것으로 생각됩니다. 그럼, 게임테스트 동영상입니다.

먼저, 위닝일레븐 2011입니다.

별다른 옵셜 설정없이 진행했습니다. 위닝일레븐 정도는 무리없이 돌릴 수 있네요.

다음으로 카트라이더입니다.

리뷰를 마치며, 전체적으로 무난한 디자인과 여러 환경에서 사용할 수 있는 입출력 포트 지원,

고화질 동영상 재생시에도 괜찮은 성능을 보여주는 제품으로서 HTPC를 준비하고 있는 분들에게는

괜찮은 제품이 될 수 있겠지만, 다나와 기준으로 최저가 410,000원은 부담이 되는 가격이 될 수도

있겠습니다. 다만, 동일 사양의 조립PC와 가격대를 비교해본다면 또, 크게 무리가 가지 않는 가

격대이기도 하니, HTPC를 준비하시는 분이나, 공간 활용을 하시려는 분, 고사양 게임을 크게 즐

기지 않는 분들에게는 또 하나의 대안을 제시해 줄 것으로 생각됩니다.

Posted by 만성투덜

2011/05/31 13:58 2011/05/31 13:58
, , , , ,
Response
74 Trackbacks , 4 Comments
RSS :
http://www.nfriend.net/nf_tc/rss/response/65

« Previous : 1 : 2 : 3 : 4 : 5 : 6 : ... 9 : Next »

블로그 이미지

- 만성투덜

Notices

Archives

Recent Trackbacks

Calendar

«   2017/06   »
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30  

Site Stats

Total hits:
2077498
Today:
3241
Yesterday:
5797