스토브 훌로구

크롬에서 잘되던 뱅킹이 플러그인을 설치했는데도 계속 설치하라면서 되지 않을때 요렇게 하면 된다.

크롬 주소창에 chrome://flags/ 를 입력해서 실험실 기능 설정으로 들어간다.

쭉 떠 있는 목록 중에서 

NPAPI 사용 Mac, Windows

요 항목에 있는 사용 을 클릭해서 활성화 시킨 후 크롬 재시작후 다시 은행 사이트에 가보면 잘될 것이다.

요렇게 되 있는 것을

요렇게 바꾸고 크롬을 껏다 키면 된다.~

끝!

영어로 요런 에러고 Lost connection to MySQL server at 'reading initial communication packet', system error: 0 

한글로는 스트림 끝이 어쩌고 하는 에러였는데

아무튼 죠런 에러를 내면서 접속이 안될때 요렇게 하면 해결이 된다.

MySQL 서버 자체 문제는 아니고 OS 설정 문제였다.

/etc/hosts.allow 파일에 다른 설정같은게 이미 되 있으면 마지막 라인에 요렇게 추가해주고

mysqld: ALL

별다른 설정이 필요없다면 그냥 기존에 설정된것들을 다 주석처리 해주면 된다.

업데이트가 되서 그런지 몰라도 언젠가 부터 크롬 개발자 도구가 다른 윈도우로 분리가 되질 않았다 -.-

그동안은 그냥 저냥 쓰고 있다가 너무 불편한 느낌이 문득 들어서 구글링을 해 보았다.

역시 구글은 모르는게 없는것 같다.

개발자 도구를 다른 창으로 분리 시킬려면 개발자 도구 상단에 있는 윈도우 모양 아이콘을 살짝 오래 꾹 누르고 있으면 바로 아래에

다른 창으로 분리 시킬수 있는 버튼이 뽁 뜬다.

고거 클릭하면 끝~

플렉스 서버를 돌릴때 자막파일이 대문자이면 자막파일을 쪽바로 인식못하는 문제점이 있다.

다운받은 자막파일 확장자자 SMI 요렇게 되 있으면 살짝 귀찮지만 소문자로 변경해 주어야 했다.

뭐 하나씩 다운 받으면 귀찮지만 그럭저럭 할만했는데 파일이 여러개면 그때부턴 쫌 많이 귀찮아 져서

한번에 바꿀수 있는 명령어를 찾아 보았다.

파일확장자 소문자로 바꾸는 명령어

find . -name '*.*' -exec sh -c 'a=$(echo {} | sed -r "s/([^.]*)\$/\L\1/"); [ "$a" != "{}" ] && mv "{}" "$a" ' \;

요 명령을 실행하면 현재 디렉토리 포함 하위 디렉토리에 있는 모든 파일의 확장자를 소문자로 바꿔준다.

할때마다 일일히 하기 귀찮다면 요렇게 쉘스크립트로 맹글어서 사용하면 편하다.

#새파일 맹글기
vi /usr/local/bin/lowercase

#파일내용
find . -name '*.*' -exec sh -c 'a=$(echo {} | sed -r "s/([^.]*)\$/\L\1/"); [ "$a" != "{}" ] && mv "{}" "$a" ' \;


chmod 755 /usr/local/bin/lowercase

요렇게 한다음 아무데서나 lowercase 라고 입력하면 쉽게 할 수 있다.

최종적으로 맹글어질건 아래와 같은, 사이트 메인화면 중간중간에 들어가는 탭메뉴들이다.(클릭하면 클릭됨)

html

※ 버튼의 롤오버 이미지 파일명은 ***_on.* ***_off.* 요렇게 해야 클릭했을때 이미지가 바뀐다.

<div class="tabmenu">
    <h2>첫번째 탭메뉴</h2>  

    <ul>
        <li><a href="#link"><img src="img/menu_01_off.gif" alt="메뉴01" /></a>
            <ul class="tabcontent">
                <li><a href="#">1 제목이 나오는부분.....</a></li>
                <li><a href="#">2 제목이 나오는부분.....</a></li>
            </ul>
            <p class="morebtn"><a href="#"><img src="img/more.gif" alt="MORE" /></a></p>
        </li>
        <li><a href="#link"><img src="img/menu_02_off.gif" alt="메뉴02" /></a>
            <ul class="tabcontent">
                <li><a href="#">무우우우우우우우.....</a></li>
                <li><a href="#">5무우우우우우우우ㄴ.....</a></li>
            </ul>
            <p class="morebtn"><a href="#"><img src="img/more.gif" alt="MORE" /></a></p>
        </li>
            <li><a href="#link"><img src="img/menu_03_off.gif" alt="메뉴03" /></a>
            <ul class="tabcontent">   
                <li><a href="#">요농이 요느마</a></li>
                <li><a href="#">요농이 요느마</a></li>
            </ul>       
            <p class="morebtn"><a href="#"><img src="img/more.gif" alt="MORE" /></a></p>
        </li>
        <li><a href="#link"><img src="img/menu_04_off.gif" alt="메뉴04" /></a>
            <ul class="tabcontent">
                <li><a href="#">ㄷㄹㄴㄹㄴㄹㄴㄷㄹㄴㄹ</a></li>
                <li><a href="#">ㄷㄹㄴㄹㄴㄹㄴㄷㄹㄴㄹ</a></li>
            </ul>
            <p class="morebtn"><a href="#"><img src="img/more.gif" alt="MORE" /></a></p>
        </li>
    </ul>
</div>

css

<style>
	.tabmenu {position:relative; width:400px; height:200px;
             font-family:dotum,"",verdana;line-height:17px;font-size:12px;color:#555;}
	.tabmenu img {border:none;vertical-align:top;}
	.tabmenu ul {margin:0px;padding:0px;list-style:none;margin-top: 15px;}
	.tabmenu ul li {float:left}
	.tabmenu .tabcontent {display:none; width:240px;height:125px;position:absolute; left:0px;top:60px }
	.tabmenu .morebtn {position:absolute;right:0;top:30px;}
</style>

javascript (설명은 주석으로 대체함)

<script>
	$(document).ready(function(){
		$(".tabmenu").each(function(){
			var tab = $(this).children("ul");
			var tabBtn = tab.children("li").children("a");
			var content = tabBtn.nextAll();
			
			// 탭버튼을 클릭했을때
			tabBtn.click(function(){
				// 이미 on 상태면 pass
				if( $(this).hasClass("on") ) return;

				// 모든 컨텐츠 부분을 안보이게 한뒤
				content.hide();

				// 클릭한 tab 버튼(a태그) 옆의 모든 태그들은 보이도록
				$(this).nextAll().show();
				
				// 모든탭 버튼에 있던 on 클래스를 빼고
				// 현재 클릭한 탭메뉴 버튼에 on 클래스 추가
				tabBtn.removeClass("on");
				$(this).addClass("on");
				
				// 탭버튼를 쭉 돌면서 on 클래스가 있는 버튼만 on 이미지로 바꾸고
				// 나머지 버튼들은 off 이미지로 바꾼다.
				tabBtn.each(function(){
					var src;
					var img = $(this).children("img");
					if( $(this).hasClass("on") ){
						src = img.attr("src").replace("_off.", "_on.");
					}else{
						src = img.attr("src").replace("_on.", "_off.");
					}
					
					img.attr("src", src);
				});
			});
			
			// 맨첫번째 탭버튼 클릭처리
			tabBtn.eq(0).click();
		});
	});
</script>

※ 요렇게 tabmenu 클래스만 지정해서 똑같은 html 구조면 동시에 여러게 탭메뉴를 맹글수 있다.

<div class="tabmenu">
    <h2>첫번째 탭메뉴</h2>  

    <ul>
        <li><a href="#link"><img src="img/menu_01_off.gif" alt="메뉴01" /></a>
            <ul class="tabcontent">
                <li><a href="#">1제목이 나오는부분.....</a></li>
                <li><a href="#">2제목이 나오는부분.....</a></li>
            </ul>
            <p class="morebtn"><a href="#"><img src="img/more.gif" alt="MORE" /></a></p>
        </li>
        <li><a href="#link"><img src="img/menu_02_off.gif" alt="메뉴02" /></a>
            <ul class="tabcontent">
                <li><a href="#">무우우우우우우우.....</a></li>
                <li><a href="#">5무우우우우우우우ㄴ.....</a></li>
            </ul>
            <p class="morebtn"><a href="#"><img src="img/more.gif" alt="MORE" /></a></p>
        </li>
            <li><a href="#link"><img src="img/menu_03_off.gif" alt="메뉴03" /></a>
            <ul class="tabcontent">   
                <li><a href="#">요농이 요느마</a></li>
                <li><a href="#">요농이 요느마</a></li>
            </ul>       
            <p class="morebtn"><a href="#"><img src="img/more.gif" alt="MORE" /></a></p>
        </li>
        <li><a href="#link"><img src="img/menu_04_off.gif" alt="메뉴04" /></a>
            <ul class="tabcontent">
                <li><a href="#">ㄷㄹㄴㄹㄴㄹㄴㄷㄹㄴㄹ</a></li>
                <li><a href="#">ㄷㄹㄴㄹㄴㄹㄴㄷㄹㄴㄹ</a></li>
            </ul>
            <p class="morebtn"><a href="#"><img src="img/more.gif" alt="MORE" /></a></p>
        </li>
    </ul>
</div>

<div class="tabmenu">
    <h2>두번째 탭메뉴</h2>   
    <ul>
        <li><a href="#link"><img src="img/menu_01_off.gif" alt="메뉴01" /></a>
            <ul class="tabcontent">
                <li><a href="#">제목이 나오는부분.....</a></li>
                <li><a href="#">제목이 나오는부분.....</a></li>
            </ul>
        </li>
        <li><a href="#link"><img src="img/menu_02_off.gif" alt="메뉴02" /></a>
            <ul class="tabcontent">
                <li><a href="#">무우우우우우우우.....</a></li>
                <li><a href="#">무우우우우우우우ㄴ.....</a></li>
            </ul>
        </li>
            <li><a href="#link"><img src="img/menu_03_off.gif" alt="메뉴03" /></a>
            <ul class="tabcontent">   
                <li><a href="#">ㄷㄹㄴㄹㄴㄹㄴㄷㄹㄴㄹ</a></li>
                <li><a href="#">ㄷㄹㄴㄹㄴㄹㄴㄷㄹㄴㄹ</a></li>
            </ul>
        </li>
        <li><a href="#link"><img src="img/menu_04_off.gif" alt="메뉴04" /></a>
            <ul class="tabcontent">
                <li><a href="#">ㄷㄹㄴㄹㄴㄹㄴㄷㄹㄴㄹ</a></li>
                <li><a href="#">ㄷㄹㄴㄹㄴㄹㄴㄷㄹㄴㄹ</a></li>
            </ul>
        </li>
    </ul>
</div>