CSS quotes

<div class="title">
    <q>생각을 실현시키자.</q>
</div>
.title q:before{
    font-family: NSKDemiLight,serif;
    color: #9FA0A0;
    content: open-quote;
}
.title q:after{
    font-family: NSKDemiLight,serif;
    color: #9FA0A0;
    content: close-quote;
}

RESULT:

q.png

CSS centering:horizon+vertical

 <div class="container pr-text-container">
        <div class="pr-table-cell">
                <p class="content">언론보도</p>
                <a class="link" href="#">보러가기</a>
                <p class="content">동영상</p>
                <a class="link" href="#">보러가기</a>
        </div>
    </div>
.pr-text-container{
    display: table;
}
.pr-table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

RESULT :

CENTERING.png

COMMENT :

a element 경우에도 vertical-align이 먹히지 않으므로,
1. div element 안에 삽입하거나
2. a 의 line-height 를 설정하면
vertical-align을 지정할 수 있다.

codeigniter Active Record

CREATE

$this->db->insert(‘table_name’,$data);

READ

$this->db->get(‘table_name’);
//SELECT * FROM table_name

$this->db->get_where(‘table_name’,array(‘id’=>$id);
//SELECT id FROM table_name

$this->db->select(‘title,content,date’);
$query = $this->db->get(‘table_name’);
//SELECT title,content,date FROM table_name

UPDATE

$this->db->where(‘id’,$id);
$this->db->update(‘table_name’,$data);
//table에서 id값이 $id인 row를 update한다.
//UPDATE table_name
//SET title='{$title}’,name='{$name}’,date='{$date}’
//WHERE id = $id
$this->db->update(‘table_name’,$data,”id = 4″);
//id가 4인 row를 update한다.

DELETE

$this->db->delete(‘table_name’,$data);

jQuery .click()

<section class="container">
    <div class="row">
        <div class="col-lg-12">
            <form class="form-setting" method="POST">
                <input class="form-item" type="text" name="name" placeholder="이름">
                <input class="form-item" type="email" name="email" placeholder="who@gmail.com">
                <textarea class="form-item form-content" name="content" placeholder="자기소개를 간단하게 해주세요"></textarea>
            </form>
            <div class="form-button-align">
                <a class="form-submit" name="submit-button" id="form-submit">제출하기</a>
            </div>
        </div>
    </div>
</section>
/**
 * Created by SangBeom on 2015-11-23.
 */
$(document).ready(function () {

    $("#form-submit").click(function () {
        var name = $("[name='name']").val();
        var email = $("[name='email']").val();
        var content = $("[name='content']").val();

        if (name.length > 0) {
            if (email.length > 0 && isEmail(email) == true) {
                if (content.length > 10) {
                    alert("입력,세가지,성공적")
                } else {
                    alert("자기소개를 10자 이상 입력해주세요")
                }
            } else {
                alert("E-mail을 정확하게 입력해주세요")
            }
        } else {
            alert("이름을 입력해주세요")
        }

    });
    function isEmail(email) {
        var regex = /^([a-zA-Z0-9.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        return regex.test(email);
    }

});

line1 $( document ).ready

A page can’t be manipulated safely until the document is “READY”
will only run once the page Document Object Model(DOM) is ready for JavaScript code to execute.

line3 $(“#form-submit”).click(function(){—-function content—-});

“제출하기” click 할 때 event가 발생한다. 그 다음줄부터는 event 내용을 쓴다.

line4~6 var name = $(“[name=’name’]”).val();

input에서 입력받은 data값을 가져온다.

line 8~20

각각의 입력이 제대로 되었는지(요구한 길이 또는 양식대로 입력했는지) validation을 확인한다.

line 23~26

email validation 확인을 위한 함수다.