Use single quotes for Front-End JS

내가 자주 사용하는 airbnb eslint config에서도 single quotes를 사용하는데 이 부분이 단순히 취향의 문제라고 생각하는 사람을 위해 글을 써본다. 당신이 JS를 사용해서 HTML 코드를 건들지 않는 부분만을 코딩하는 프로젝트를 진행 중이라면 이 논쟁은 정말 단순한 취향의 문제일 뿐이다. 하지만, JS로 코딩을 하다 보면 HTML 코드 내부에 JS를 사용하는 경우가 잦다. 애초에, JS가 DOM을 조작하기 위해 […]

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 요청을 […]

변수명을 어디까지 영어로 써야할까

흔히 있는 인터넷 논쟁이다. 모든 코드는 영어로 작성되어야 한다 vs. 데이터베이스 컬럼 정도는 한글로 써도 되지 않냐 vs. 변수명에도 필요하면 한글을 써라 (…) 결국 이 논쟁의 끝은 같이 코딩하는 사람들끼리 협의해서 컨벤션을 정하고, 그 컨벤션만 지키면 된다! 로 귀결되는 건 함정이지만. 하지만, 나는 같이 코딩하는 팀원이 있지도 않으며 혼자서 개발 중인 서비스에 조금 생각해볼 만한 점이 […]