블로그 이미지

내 인생의 가장 젊은 날

내 인생에 있어서 가장 젊은 날, 젊기에 고민이 즐겁다. by 하늘치


'컴퓨터/개발'에 해당되는 글 12건

  1. 2015.12.09 모바일웹에서 사이드 메뉴 열 때, 메뉴만 스크롤 되도록 만들기
  2. 2014.04.24 서버에서 패스워드 만료기간 재설정하기(1)
  3. 2014.04.07 mysql replace
  4. 2014.03.07 iframe 의 z-index 문제 해결
  5. 2014.02.25 링크 클릭시 점선 제거하기 CSS
  6. 2014.02.18 부트스트랩과 함께 하는 기본 템플릿 구조
  7. 2014.02.18 ckeditor 에서 엔터시마다 p 태그 대신 br 태그가 적용되도록..
  8. 2014.02.06 [PHP] 타 도메인의 파일 유무 검사하기
  9. 2014.01.22 mysql 백업하기
  10. 2014.01.21 내 컴퓨터의 host 파일 수정하기
  11. 2013.10.29 유튜브(YouTube) object 공유소스코드 만들기
  12. 2008.09.19 input 체크박스 활용하기 1

모바일웹에서 사이드 메뉴 열 때, 메뉴만 스크롤 되도록 만들기

검색을 해보니, 스크롤 자체를 아예 막아버리는 코드들 밖에 없어서..

한참 고민하다가 딱 떠오른 생각에 해 보니 잘 된다.


일단은, 안드로이드 넥서스5에서만 체크 완료.




1. 모바일 사이드 메뉴

<div id="mbl_leftside" style="display:none; position:absolute; width:240px; height:auto; max-height:100%; overflow:auto; z-index:5; background-color:#fff;"></div>


2. 사이드 메뉴 열기 스크립트

<script>

  $('#mbl_leftside').fadeIn();

  $("body").css('overflow','hidden').css('display','fixed');

</script>


3. 사이드 메뉴 닫기 스크립트

<script>

  $('#mbl_leftside').fadeOut();

  $("body").css('overflow','').css('display','');
</script>




참고로, 구글링으로 검색했던 코드.

$("body").css({overflow:'hidden'}).bind('touchmove', function(e){e.preventDefault()});

$("body").css({ overflow: '' }).unbind('touchmove');


Comment 0 Trackback 0
Top

서버에서 패스워드 만료기간 재설정하기

# 패스워드 만료 기간 설정 확인
chage -l root
chage -l [계정ID]


# 패스워드 만료 설정을 변경
chage -M 99999 root
chage -M 99999 [계정ID]


# 패스워드 만료 설정을 해제 하시려면 아래와 같이 설정 하시면 됩니다.
chage -M 99999 root


 올레비즈에서 문의했던 내용에 대한 답글[각주:1]


  1. # 패스워드 만료 설정을 해제 하시려면 아래와 같이 설정 하시면 됩니다. chage -E -1 -I 0 -m 0 -M 99999 root [본문으로]
Comment 1 Trackback 2
  1. 2014.05.22 13:25 address edit & delete reply

    비밀댓글입니다

Top

mysql replace

UPDATE [테이블명] SET wr_content = REPLACE(wr_content, 'upload/', 'bkupload/') WHERE wr_content LIKE '%upload/%';

Comment 0 Trackback 0
Top

iframe 의 z-index 문제 해결

<iframe width="650" height="366" src="//www.youtube.com/embed/FPrTcpmGzfU" frameborder="0" allowfullscreen style="width:100%; max-height:100%; z-index:1;"></iframe>


<iframe width="650" height="366" src="//www.youtube.com/embed/FPrTcpmGzfU?wmode=opaque" frameborder="0" allowfullscreen style="width:100%; max-height:100%; z-index:1;"></iframe>

Comment 0 Trackback 0
Top

링크 클릭시 점선 제거하기 CSS

a {outline: none;}


Comment 0 Trackback 0
Top

부트스트랩과 함께 하는 기본 템플릿 구조

부트스트랩과 함께 하는 기본 템플릿 구조


출처 : http://getbootstrap.com/getting-started/#browsers



<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>


Comment 0 Trackback 0
Top

ckeditor 에서 엔터시마다 p 태그 대신 br 태그가 적용되도록..

출처 : http://ckeditor.com/forums/Support/trying-use-br-instead-p


ckeditor 에서 엔터시마다 p 태그 대신 br 태그가 적용되도록 하는 방법이다.


ckeditor 의 config 파일에 아래 코드를 추가하기만 하면 된다. 



config.enterMode = CKEDITOR.ENTER_BR;



보통 이렇게 들어갈 것이다..



CKEDITOR.editorConfig = function( config ) {
    // Define changes to default configuration here.
    // For the complete reference:
    // http://docs.ckeditor.com/#!/api/CKEDITOR.config

    config.enterMode = CKEDITOR.ENTER_BR;

    config.toolbar = [
        { name: 'document', items : [ 'Source' ] },
        { name: 'basicstyles', items : [ 'Bold','-','RemoveFormat' ] }, /*   ,'Italic'   */
        { name: 'paragraph', items : [ 'Blockquote' ] }, /*   'NumberedList','BulletedList','-',   */
        { name: 'clipboard', items : [ 'Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
        { name: 'links', items : [ 'Link','Unlink' ] },
        { name: 'insert', items : [ 'Image','HorizontalRule','PageBreak'] },
        { name: 'styles', items : [ 'Format','FontSize' ] }, /*   ,'Font'   */
        { name: 'tools' , items : [ 'Maximize'] }
    ];

};




Comment 0 Trackback 0
Top

[PHP] 타 도메인의 파일 유무 검사하기


if(@fopen('[파일 url 주소]', "r")) :
    //echo "exist <br>";
else :
    //echo "no-exist <br>";
endif;

Comment 0 Trackback 0
Top

mysql 백업하기

1. 일반적으로 로컬에서 로컬로 백업할 때는 이렇다.


[user@www ~]$ mysqldump -u [DB유저ID] -p [DB명]  > db_backup_20140101.sql
[user@www ~]$ Enter password:
[user@www ~]$



2. 원격지에 있는 DB 를 백업받으려면 아래와 같이 하면 된다.


[user@www ~]$ mysqldump -u [DB유저ID] -p [DB명]  -h [원격지IP주소] -P [원격지PORT번호] > db_backup_20140101.sql

[user@www ~]$ Enter password:
[user@www ~]$



원격DB를 백업하려고 할 땐 해당 DB의 아이피와 포트번호를 넣어주면 된다.

여기서 유의해야 할 점은 작업하고 있는 곳의 아이피를 원격DB에서 접속이 가능하도록 설정되어 있어야 한다는 것이다.

Comment 0 Trackback 0
Top

내 컴퓨터의 host 파일 수정하기

이번에 서버를 이전했다.

도메인도 네임서버를 변경하고 IP 정보도 수정했다.


문제는 옮긴 웹서버에 도메인이 바로 착 붙지 않는다는 것이었다.

빠르면 몇 시간만에도 붙지만.. 일반적으로 도메인이 웹서버에 완전히 정착하는데 2~3일 정도 소요된다..


그래서.. 내 컴퓨터에선 제대로 나오지만, 다른 지역에선 그렇지 않은 경우가 생겼다. 


그럼 웹사이트가 안 나오는 컴퓨터에서는?


임시방편으로 윈도 컴터 안에 있는 host 파일을 수정하는 방법이 있다.

어떤 도메인에 어떤 아이피를 강제로 연결하는 거-


임시방편이므로 반드시 원래대로 돌려놔야 한다.


윈도우에서 host 파일의 위치..

C:\Windows\System32\Drivers\etc


참고로, 관리자 권한으로 저장해야 한다.



출처 : http://www.petri.co.il/edit-hosts-file-windows-8.htm

Comment 0 Trackback 0
Top

유튜브(YouTube) object 공유소스코드 만들기

유튜브(YouTube) object 공유소스코드 만들기

1. object 용 기본 폼.

<object width="560" height="315"><param name="movie" value="https://www.youtube.com/v/유튜브URL주소?version=3&amp;hl=ko_KR"& gt;</param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="https://www.youtube.com/v/유튜브URL주소?version=3&amp;hl=ko_KR" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>



2. 유튜브 동영상 공유에 제공되는 고유 주소(http://youtu.be/ZVL4zTrB6a8)의 뒷부분(ZVL4zTrB6a8)을 위의 [유튜브URL주소] 부분에 넣으면 된다.





Comment 0 Trackback 0
Top

input 체크박스 활용하기 1

1. script

<script language="javascript" type="text/javascript">
<!--

function display(chk)
{
    if (chk.checked == true)
    {
        document.all["new_cal"].style.display="";
    } else {
        document.all["new_cal"].style.display="none";
    }
}

//-->
</script>


2. 코딩



<span style="position: relative; width: 25%; text-align: right;">
    <input type="checkbox" onclick="display(this)" style="border: 0;">2. 두께의 새로운 공식 보기
</span>

<span id='new_cal' style='display: none;'>
<%
    If val = "air" Then
        Call cert_air()
    ElseIf val = "water" Then
        Call cert_water()
    ElseIf val = "press" Then
        Call cert_press()
    End If
%>
</span>


Comment 0 Trackback 0
Top

prev 1 next