본문 바로가기

👨‍💻 web.dev/log4

TDD 와 함께 사내 서비스 개선하기 📌 TDD 를 활용해볼까? 이번에 사내에서 사용하고 있는 메일 템플릿 프로젝트를 손볼 기회가 생겼습니다. 새로운 메일 배포 방식 적용이 필요했는데, 이를 위해서는 기존 프로세스에 대한 이해가 필요했습니다. 새롭게 투입된 프로젝트에 기능을 추가하거나 수정하는 것은 영향도에 따라 쉽지 않을 수 있는 작업인데, 이번에 맡은 업무가 해당 서비스 코드 전반적으로 수정이 필요했던 작업이라 더욱 고민이 많았던 것 같습니다. 안정적인 서비스 개발 및 리팩토링을 위해 TDD 를 적극적으로 활용해볼 수 있는 좋은 기회로 보여 적용 및 후기에 관한 포스트를 작성해봤습니다. 💡 이번 포스트에서 TDD 패러다임에 대한 자세한 내용을 다루지는 않습니다. 🤔 TDD 란? 간단하게 TDD 에 대해서 살펴보고 가겠습니다. TDD는 테.. 2023. 5. 15.

왜 index 는 0부터 시작할까? 얼마전 프로그래밍을 이제 막 시작한 지인분이 다음 질문을 주셨습니다. 이제 막 프로그래밍을 시작한 사람이라면 누구나 한번 쯤 의문을 품을만한 것이라고 생각합니다. 왜 배열의 index 가 0부터 시작하는 것인가요? 저 또한 처음 C언어로 프로그래밍에 입문 했을 때 0부터 시작하는 인덱싱 체계가 낯설었지만 그때 당시에는 그냥 그런가보다~ 하고 받아들이고 넘어갔었는데, 이번 기회에 알아보면 좋을 것 같다는 생각이 들어서 이와 관련된 몇가지 배경을 찾아보고 정리해봤습니다. 📌 TL;DR 0부터 시작하는 인덱스는 자연스럽고 직관적이며, 배열의 첫 번째 원소가 항상 0번 인덱스라는 점에서 이점이 있다. 또 다른 이유는, 0부터 시작하는 인덱스는 메모리 주소를 계산하기 쉽게 만들어준다. 📌 자연스럽고 직관적이다 0.. 2023. 3. 12.

Mixin을 사용해보며 느낀점들 📌 Mixin 이란? 객체지향 프로그래밍에서 mixin 은 필요한 메서드들을 포함하고 있는 클래스를 이용해서 상속없이 다른 클래스에 행동을 더해주는 하나의 방법입니다. 주로 서로 다른 컴포넌트에서 유사한 기능을 공유하고자 할때 사용하며 이러한 경우를 횡단 관심사 라고 합니다. 널리 사용되는 패러다임인만큼 React 와 Vue 등의 다양한 FE 아키텍쳐에서도 이 개념을 이용해서 재사용 가능한 로직을 분리하는 방법을 제시하고 있습니다. 1️⃣ ES6 의 class 를 이용한 mixin Object.assign 을 이용한 메서드 복사를 사용하면 간단하게 mixin 패턴을 구현할 수 있습니다. const GreetingMixin = { sayHi() { alert('Hello') } sayBye() { aler.. 2022. 7. 2.

도메인 기반의 FE 디렉토리 구조 📌 신규 서비스 앱 구조, 어떻게 설계할까요? 현재 재직 중인 회사의 사내 신규 서비스를 하이브리드 앱 형태로 개발하기로 결정된 이후 프론트엔드팀의 첫 번째 과제는 큰 규모의 비즈니스를 어떻게 구조화할 것인지였습니다. Vue 프로젝트를 구조화하는 여러 가지 제안들이 커뮤니티에 많이 존재하지만 그중 대부분은 규모가 크지 않은 앱에 적합한 형태였고 무엇보다 저희는 외주 개발자분들도 함께 작업을 해야 하는 상황이었기 때문에 보다 명확한 구조가 필요했습니다. 이번 포스트에서는 어떤 이유로 DDD 를 프로젝트에 적용하게 되었고 이를 통해 얻게 된 이점이 무엇이었는지 위주로 정리해보려고 합니다. 💡 주의! 여기서는 DDD에 대한 자세한 이론적인 내용은 포함하지 않습니다. DDD의 개념을 이용해서 FE 프로젝트 구조.. 2022. 3. 7.

이전 1 다음

티스토리툴바