전체 글

[들어가기 전에] 아주 예전에 만들어보고 싶었던 프로젝트를 이제야 진행하는데요...!ㅋㅋㅋㅋ 해당 프로젝트의 기능 중 하나가 걸음 수를 측정하는 만보기 기능이 있습니다. 사용자의 걸음 수를 경험치를 환산해서 캐릭터를 키우는 앱을 계획하고 있어요. https://github.com/eunsung-dev/SeungMaGoChi GitHub - eunsung-dev/SeungMaGoChi Contribute to eunsung-dev/SeungMaGoChi development by creating an account on GitHub. github.com 해당 기능을 구현하기 위해 2가지 방법이 있어요. 바로 HealthKit과 CoreMotion이죠. 저는 걸음 수 측정을 실시간으로 할 것인지 혹은 정해진..

[mitt 라이브러리란?] 컴포넌트 간 관계가 부모/자식 관계라면 props와 emit을 사용하면 됩니다. 하지만 그 관계가 더 복잡하고 멀리 있다면 props와 emit을 반복해서 사용해야 할 것입니다. 이런 식으로 말이죠. 이러한 체인을 막기 위해 provide와 inject을 사용하면 되지만, 복잡하지 않다면..! mitt 라이브러리를 사용하면 됩니다. mitt는 작고 간단한 이벤트 버스로 컴포넌트 간 통신할 때 사용하는데 on, off, emit 3가지 메서드를 제공하고 있습니다! https://github.com/developit/mitt GitHub - developit/mitt: 🥊 Tiny 200 byte functional event emitter / pubsub. 🥊 Tiny 200 b..

[.env 파일이란?] environment의 약자인 .env 파일은 환경 변수를 정의할 때 사용합니다. 프로젝트의 root에 .env 파일을 생성하여 애플리케이션의 구성을 제어하거나, 각 서버 환경(ex. 개발 서버, 운영 서버)에 맞게 동작하는 부분을 처리하는 데 사용할 수 있는데요. 실제로 현재 프로젝트에서 .env 파일로 각 서버에 따라 다르게 동작하고 있습니다 😎 [어떻게 사용할까?] Key = Value 형식으로 환경 변수를 정의할 수 있습니다. VUE_APP_TITLE=My App VUE_APP_API_URL=https://my-api-url.com 정의한 환경 변수를 접근하기 위해서는 process.env.${이름}의 형태를 사용하면 됩니다! created() { console.log(pr..

[들어가기 전에] 길고 길었던 황금 같은 추석 연휴가 이제 끝이 나네요...! 올해 초부터 나름 쉼 없이(?) 달려와 오랫동안 휴식을 취해서 좋았는데 벌써 연휴가 끝나서 너무너무 아쉽지가!! 않네요!!! 😂 어쨌든,,, 오늘은 클린 코드(Clean Code)에 대해 알아볼 겁니다! 개발자라면 클린 코드에 대해 들어봤을 거라고 의심치 않는데요! 저는 대학생 시절 클린 코드를 접했지만 크게 중요하지 않다고 생각했었습니다. 하지만 요즘 대규모 팀 단위로 프로젝트를 하다 보니 다른 팀원의 코드를 보게 되는 경우도 있고 코드 리뷰와 같이 제 코드를 다른 팀원이 보는 경우도 있는데.. 부끄럽지 않은 코드가 되기 위해서는 클린 코드가 중요하다고 생각하여 정리하려고 합니다! [나쁜 코드] 먼저 나쁜 코드가 무엇인지 알..