월간 보관물: 2016 2월
Laravel blade for loop, if statement, @include
Laravel view blade template에서는 for loop와 if statement가 내장되어 있다. 다음과 같이 편하게 사용이 가능하다. index.blade.php <html> <head> @include(“partition.head”) </head> <body> @for ($i = 0; $i < 10; $i++) The current value is {{ $i }} @endfor @if (count($records) === … 계속 읽기
Laravel custom 404 page
정말 간단하지만 처음 설정할 때, 약간의 삽질을 요구케 한다. 먼저 Handler.php를 수정하자. app/Exceptions/Handler.php use Symfony\Component\HttpKernel\Exception\NotFoundHttpException; 위의 구문을 추가 후 render function 안에 아래의 코드를 삽입한다. if($e instanceof NotFoundHttpException) { return response()->view(‘error.404’, [], 404); } 이제 /resources/views/error/404.blade.php를 커스토마이징 하면 … 계속 읽기
Laravel curl을 이용해 routes에서 view로 data 전달하기
다음과 같이 CurlController를 작성한다. app/Http/Controllers/CurlController.php <?php namespace App\Http\Controllers; use App\User; use App\Http\Controllers\Controller; class CurlController extends Controller { public function __construct() { } public static function postCurl($host, $url, $params) { $ch = curl_init($host . $url); curl_setopt($ch, CURLOPT_POST, 1); curl_setopt($ch, CURLOPT_POSTFIELDS, $params); … 계속 읽기
Laravel elixir 사용해 minified compile하기
Laravel에서는 elixir를 사용해 gulp를 실행하여 minified compile 할 수 있도록 지원해 준다. Laravel Root Path에서 gulpfile.js를 다음과 같이 작성하자. gulpfile.js var elixirBase = function() { var elixir = require(‘laravel-elixir’); elixir.config.sourcemaps = false; elixir.config.production = true; return elixir; } var elixirBabel … 계속 읽기
redirect, reloading 없이 url 확인, 변경 방법
아주 쉽다. 🙂 url host, path 확인 var path = window.location.pathname; // path 확인 var host = window.location.hostname; // host 확인 url 변경 window.history.pushState(“”, “”, ‘/path’);
Javascript check validate email
아래의 코드로 해결하자! validateEmail.js var validateEmail = function () { var re = /^(([^<>()[\]\\.,;:\s@\”]+(\.[^<>()[\]\\.,;:\s@\”]+)*)|(\”.+\”))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(this.state.email); };
Backbone.js
backbone.js는 twitter, trello, foursquare, linkedin 등 여러 유명한 어플리케이션에서 사용하고 있습니다. 다음은 AngularJs, Backbone.js, Ember.js의 크기 비교입니다. Framework Net Size Size with required dependencies AngularJS 1.2.22 39.5kb 39.5kb Backbone.js 1.1.2 6.5kb 43.5kb (jQuery + Underscore) 20.6kb (Zepto + Underscore) Ember.js … 계속 읽기
Reactjs facebook login
facebook login을 reactjs를 통해 구현해 보자! 아주 간단하다. API로 요청할 때 Backbone.js를 사용했습니다. wordpress.com에서는 div tag를 지원하지 않기에 홑화살괄호(‘<‘,’>’) 대신에 대괄호(‘[‘, ‘]’)를 사용했습니다. 또한 code내에서 facebook sdk url을 입력 불가능하도록 막아 놓아 js.src = “facebook sdk url”로 대체했습니다. 다음은 facebook … 계속 읽기
Reactjs cursor jumps to end of controlled input
Reactjs를 사용해 render 시 커서가 input의 끝자락으로 automatic하게 이동하는 경우가 발생할 수 있다. 아래의 코드가 그 예이다. wordpress.com에서는 div tag를 사용할 수 없기에 홑화살괄호(‘<‘, ‘>’) 대신에 대괄호(‘[‘, ‘]’)로 작성했습니다. Problem emailCheck: function() { var email = $(‘#email_txt’).val(); email = email.replace(/\s+/g, … 계속 읽기
Reactjs tag 혼동되는 것들! (for, src, etc…)
Reactjs를 사용해 front를 개발하는 것은 너무나 흥미진진하다. jsx 타입으로 너무나 simple하게 비동기 처리를 해나가는 자신을 볼 때면 facebook을 향해 경외감 마저 들 정도다. 하지만, Reactjs에 익숙해질 때 쯤이면 머리를 굉장히 혼랍스럽게 하는 modified html tag가 극성을 부린다. 이번 포스팅을 통해 … 계속 읽기
Developer Lee 