메모장입니다.

2016. 10. 26. 11:46

React 관련 메모

2016. 10. 26. 11:46 in 팁&테크/Javascript

React 의 JSX 문법을 사용하기 위해서는 jsx 문법으로 파일(예 aaa.react.js)을 만들고 babel 로 .js 로 컴파일(aaa.js)해서 일반적인 js 문법 파일로 만드는 cli 방식 과

아래와 같이 npm 으로 babel 을 설치하면 생기는 browser.js 를 웹페이지에 포함하여 처리하는 방법이 있다.(아래 예제는 CDN사용)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="root">
 
    </div>
    <script src="https://unpkg.com/react@15/dist/react.min.js"></script>
    <script src="https://unpkg.com/react-dom@15/dist/react-dom.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.38/browser.min.js"></script>
 
    <script type="text/babel">
        'use strict';
        ReactDOM.render(<h1>Hello</h1>, document.getElementById('root'));
    </script>
</body>
</html>
Colored by Color Scripter
cs

저작자표시 비영리 동일조건 (새창열림)

Posted by 와이즈번

2016. 10. 5. 17:58

간단한 쿠폰코드 생성로직

2016. 10. 5. 17:58 in 자작소스/PHP

db테이블로 간단하게 쿠폰코드를 생성하는 로직.
md5를 다른 해시 함수로 바꿔서 변경해서 길이를 다르게 할수도.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php 
 
function getCouponCode() {
    while(true) {
        $hash = md5(microtime());
        $codes = sscanf($hash, '%8s%8s%8s%8s');
        $db_codes = $this->db->query("SELECT coupon FROM coupon_table WHERE coupon IN ('".implode("','", $codes)."')")->fetchAll(PDO::FETCH_COLUMN);
        if(count($db_codes) < count($codes)) {
            $coupon_codes = array_diff($codes, $db_codes);
            $this->db->exec("INSERT INTO coupon_table (coupon) VALUES ('{$coupon_codes[0]}')");
            return $coupon_codes[0];
        }
    }
}
Colored by Color Scripter
cs

저작자표시 비영리 동일조건 (새창열림)

Posted by 와이즈번

2016. 9. 27. 10:51

Normalize.css - CSS 초기화

2016. 9. 27. 10:51 in 즐겨찾기

Normalize.css 소개

Normalize.css는 HTML 요소의 기본 스타일을 브라우저 간 일관성을 유지하도록 돕는 CSS 파일이다. 이것은 Boilerplate(보일러플레이트) 및 Bootstrap(부트스트랩) 등과 같은 크고 작은 프로젝트에서도 두루두루 사용되고 있다.

Normalize.css 특징

브라우저(모바일 브라우저를 포함하여)를 광범위하게 지원하며, HTML5 요소, 타이포그래피, 목록(lists), embeded 콘텐츠, 폼과 테이블을 일관성있게 통일시키는 CSS를 포함한다.

다른 CSS reset 과는 달리 사용하기 좋은 기본값들은 유지한다.
HTML 요소의 다양한 스타일을 정규화한다.
버그 및 브라우저 간 차이점을 수정한다.
부분적인 개선과 가용성을 향상시킨다.
코드에 대한 자세한 주석이 달려 이해를 돕는다.
normalize는 버전 1은 구형 IE(IE6)를 지원하지만 더이상 개발이나 수정이 이루어지지 않는다. 버전 3대가 현재 개발되고 애용되는 버전이다.