Side-effect-only Vuex Mutation / Action

Vuex의 Mutation과 Action에서는 오직 Side-effect(부수효과)만이 있는 코드를 작성하는 것이 좋다. Side-effect-only라는 단어를 좀 더 자세히 설명해보자. 이는 부수효과가 있어도 된다는 뜻이 아니라, 부수효과만 있어야 한다는 의미이며, 가능한 한 return statement를 쓰지 말아야 한다는 주장이다. 결론: Vuex의 Mutation / Action (이하 M/A)의 기본 설계 철학에서 이미 Side-effect를 종용한다. Mutation은 state를 첫 번째 인자로부터 destructuring으로 가져와 조작한다. 이미 […]

Vuex Mutation / Action Naming Convention

Vuex에서 코드를 짜다보니 Vuex의 Muation과 Action의 함수명이 중복 되면서 Vue Component에서 사용할 때 마지막에 매핑해준 method가 호출되는 것을 확인했다. 그래서 비슷한 행위를 하는 3가지 계층이 있다고 판단되어 다음과 같은 표를 만들어서 지키기로 했다. 읽기 생성 수정 삭제 Service get post put delete Action get post put delete Mutation read create update remove Service는 back-end에 Http 요청을 […]

flurry.olaf.kr 개발 후기

1. Bootstrap4 쓴 이유 오랜 알파를 끝내고 베타가 나왔다. 알파에서 베타를 넘어갈 때는 많은 부분에서 API가 변경되지만, 베타부터는 버그잡고 RC로 넘어가는 경우가 많기도 하거니와 jQuery 없이 구현하고 싶은 욕심 때문이 가장 컸다.  bootstrap-vue가 bootstrap을 버전 4부터 지원하기 때문에 4를 사용. 내가 사용하는 부분에서는 일단 모두 안정적이었음. 2. 배포 스크립트 겸사겸사 jenkins를 공부 겸 써볼까 했었는데, […]

Front-end Internationalization

프론트엔드 국제화는 생각보다 번거롭다. 고민해야할 부분도 없진 않은데, 하나씩 차근 차근 살펴보자. 1. URL 일단 language와 locale이 다르다는 것을 알아야한다. 하지만 어지간한 대기업이 아니면 각 loccale 별로 다른 language를 맵핑하기보다는 locale과 language를 동일하게 생각해서 접근하는 경우가 많다. 이 포스팅에서는 language과 locale을 크게 구분하지 않고 최대한 locale로 용어를 통일해서 사용하겠다. – 1. locale을 url에 넣을 것인가? […]

flurry.olaf.kr 릴리즈 후기

0. 회사를 다닐 때에는 상관이 없었는데 복학하고 학교를 다니면서 아침에 등교하냐, 점심에 등교하냐에 따라 햇빛의 위치가 달라지는 것을 다시 경험하게 됐다. 아무 생각 없이 학교를 다닐 때에는 그냥 햇빛을 맞으면서 탔는데, 어느 순간 사람들이 버스의 한 쪽에만 앉아있는 것을 발견했고, 사람들이 모여있는 쪽이 햇빛이 닿지 않는다는 것을 알기까지 꽤 오랜 시간이 흘렀다. 적당히 버스에 타기 […]