Graceful Light


왜 Redux-saga 인가?

javascript react redux
redux, redux-thunk, redux-promise-middleware, redux-actions, redux-saga 머리가 뽀개질 지경이다. 결국엔 redux-saga를 써야만 했고 왜 saga로 수렴하게 되는지에 대한 삽질기다. 도대체 몇 개의 ...
Read more

Vue - Laravel Pagination 연동

php javascript laravel vue
Laravel에서 paginate 메소드를 json으로 받았을 시에 데이터는 다음과 같다. response123456789101112{ "current_page": 1, "data": [{}, {}, {& ...
Read more

React-Router Code Splitting - 가장 쉬운 방법

javascript react
create-react-app으로 생성한 리액트 앱에 시작시 가져오는 컴포넌트 빼고는 비동기로 불러와야 메인이 가벼워진다. 검색해보면 AsyncComponent를 만들라는 게 보이는데, 더 쉬운 방법이 있다. React-LoadableReact-router의 C ...
Read more

Laravel 5.5 - Model Collection 데이터 처리하기

php laravel
Model Collection의 데이터를 처리하는 메소드를 사용하고 싶을 때 아래처럼 접근하면 된다. 회원 모델과 사용가능한 포인트를 산출하는 availablePoint 메소드가 있다고 가정한다. 해결12345678910111213141516171819202 ...
Read more

Vue로 생성된 DOM에 Events를 붙여야할 때

javascript vue
data 값이 변경되고 나서 .hover, .click과 같은 jQuery 이벤트를 붙여야할 때, DOM이 다시 그려진 완료 시점을 잡아야한다.Vue에서 nextTick 메소드로 이 시점을 잡을 수 있다.(ajax로 데이터를 가져오지 않고 그려지는 DOM은 mo ...
Read more

Vue 선언된 data에 chiledren 추가시 렌더링이 안될 때

javascript vue
data가 이미 정의 되어있고 나중에 데이터를 추가하면 observer가 생성되지 않아 데이터가 갱신이 되어도 DOM이 업데이트가 안 된다. 예시템플릿123456789101112<div id="memberList"> <div v-for=" ...
Read more

adonisjs 시작하기 (nodejs framework)

nodejs adonis
개요nodejs로 정말 간단한 oauth2, jwt 등의 인증을 사용하지 않는 API를 만들기에는 express가 정말 딱이다. 하지만 조금 더 깔끔한 코드를 원하거나 새롭지만 반복적인 기능을 넣기 위해선 더 큰 프레임워크가 필요했다. 조건언제나 개발시간은 부족 ...
Read more

Windows에서 환경변수 cmd로 등록하기

매번 내 컴퓨터 > 설정 > 고급 설정 > 환경 변수에 들어가는 걸 그만하고 싶은 사람이라면 다음과 같이 하면 된다. 추가123$ setx path "%path%;새로운 경로"$ refreshenv 설명환경변수를 등록하고 그 변수를 반영한다.
Read more

Linux startup 파일에서 피해야할 것

linux shell
스타트업 파일은 사용자가 로그인 할 때 시스템이 어떻게 반응해야 하는지를 결정한다.스타트업 파일 수정시에 다음 사항들을 꼭 피해야한다. 주의 셸 스타트업 파일에 그래픽 명령을 넣지 않는다. 셸 스타트업 파일에 DISPLAY 환경 변수를 설정하지 않는다. 셸 스타 ...
Read more

Laravel 5.5 - Model Event Listener

php laravel
라라벨 이벤트 리스너 기능을 붙혀보자.Model이 Create 될 때 이벤트 리스너를 붙혀 다른 기능을 연결하는 예제가 가장 쉽다.(예를 들면 로그가 생성될 때 SMS를 날리는 경우) 이벤트 생성EventServiceProvider먼저 EventServicePr ...
Read more
Prev Next