Vue

하나의 프로젝트를 협업하여 개발할 때 code convention이 상당히 중요합니다. 이러한 code convention을 개발자 각자의 환경에서 알아서 지키면서 개발하는 게 쉽지가 않습니다. 작업을 하다보면 코드 형식 부분에서 분명히 놓치는 부분이 많을 뿐더러 이것을 리뷰 때 캐치하는 것도 쉽지 않을 것입니다. ESLint는 이러한 code convention을 사전 정의된 rules에 따라 감지하는 기능을 제공합니다. ESLint를 적용하면 code convention에 어긋난 모든 부분들을 하나도 빠짐없이 알아서 발견해주고 심지어 코드 변경 내용 저장하면 자동으로 ESLint 설정된 rules 대로 fix해주는 기능도 적용할 수 있습니다. 테스트용 Vue project에 ESLint를 적용해보며 ..

Vue를 통해 프론트를 개발할 때 데이터를 표현하는 과정을 빼놓을 순 없습니다. 특히 화폐 단위 형식(₩100,000), 날짜 형식(2022/02/22) 등 여러 가지의 데이터 포멧이 존재하고 이를 적용해야 할 때가 있습니다. 그런데 가져온 데이터를 가지고 매번 프론트에 표현할 때 형식 변환 메소드를 가지고 계속 적용하며 사용하는 것은 비효율적입니다. methods: { getMoneyData(accountId) { axios.get([URL 입력]) .then((response) => { this.money = convertMoneyFormat(response.data.currentMoney); }) .catch((error) => { //... }); }, convertMoneyFormat(value..