FSD (Feature-Sliced Design)구조란?

개요SSL_Viewer 프로젝트 진행 중 프론트엔드 아키텍처를 고민하다가 FSD 구조에 대해 조금 더 진지하게 공부하여보고 해당 과정 진행중 느낀점과 공유하고 싶은 내용들에 대해 작성한다.FSD란?FSD란 (Feature-Sliced Design)프론트엔드에서 기능 중심으로 확장 가능하게 폴더로 나누어서 설계하자는 방식이며 이게 나오게 된 곳도 Feature Driven Development 이라는 FDD에서 나왔기 때문에 "기능에 대해 중요하게 생각하며 더해서 확장성을 중요하게 생각하며 개발하자" 라는 취지라고 보면 된다따라서 기능 중심 + 확장성 키워드를 머리 속에 두고 생각하면 된다이전과 다른 점은 뭘까?이전에는 component/, api/, hooks/ 처럼 기술별 폴더로 나누었는데이럴 경우 '..

DDD / Clean Architecture 개념 알기 쉽게 정리하기 - 1

이전에 가볍게 익혔던 DDD / Clean Architecture에 대해 제대로 공부할 기회가 생겨해당 내용을 누구나 알기 쉽게 설명을 덧붙여 개념을 작성 DDD란? DDD란 도메인 주도 설계로 Domain Driven Design 즉, 정해져 있는 아키텍처라기보다 방법론 혹은 가이드(지도)에 가깝다주요 개념: 전략적 설계, 전술적 설계전략적 설계 : Bounded Context: 하나의 “용어 체계(Ubiquitous Language)”가 통일되어 적용되는 경계Ex) 휴대폰 배송/물 배송에서 쓰는 말이 각각 물 포장, 휴대폰 포장 처럼 다를필요가 없는데 사용하는 경우도 있다 해당 컨텍스트에서는 모두 포장으로 통일ContextMap: 이제 해당 컨텍스트에서 어떻게 서로 협력할 것인지 패턴 및 그림을 통..

PPT로 작성하는 목업 - Power 목업

파워 목업이라는 PPT 플러그인에 대하여 설명한다파워목업기존 피그마나 다른 툴들에 익숙하다면 모르겠지만 간단하게 PPT로 목업을 그리고 싶을때 유용할만한 툴을 소개한다설치법다운로드 사이트:https://www.powermockup.com/ PowerPoint Wireframe and Prototyping Tool | PowerMockupCollaboration PowerPoint includes collaboration and sharing features that facilitate working in a team. You can share documents with others via OneDrive or SharePoint, leave comments on slides, and merge diffe..

Maven Private 리포지토리 이용하기 private Setting.xml 작성

내부 리포지토리를 이용할때 VPN 등으로인해 Setting.xml 및 Pom.xml 을 수정하여 접근하는 방법을 기술한다. setting.xml 작성 # 현재 maven-central 에서만 라이브러리를 가져오고있는데 사내 리포지토리의 계정을 setting.xml에 등록하여 인증을 통해 라이브러리를 가져오게 한다 lib-snapshot client-user client-user-1234 lib-release client-user client-user-1234 # '/user_name/.m2'에 작성한 setting.xml 을 수정하여도 되고 본인이 원하는 위치에 작성후 IDE 에서 경로를 등록하여도 된다. 경로 등록 예시는 아래와 같다. pom.xml 파일 작성 리포지토리의 ID와 PW를 setting...

Mock이란

Mock이란 ? 실제 객체를 만들기엔 비용과 시간이 많이 들거나 의존성이 길게 걸쳐져 있어 제대로 구현하기 어려울 경우, 가짜 객체를 만들어 사용하는데 이것을 Mock이라 합니다. Mock 객체는 언제 필요한가? 테스트 작성을 위한 환경 구축이 어려운 경우 환경 구축을 위한 작업 시간이 많이 필요할 때 Mock객체를 사용합니다. (데이터베이스, 웹서버, FTP서버 등) 아직 개발되지 않은 모듈을 사용하는 테스트가 필요할 때 사용합니다. 테스트가 특정 경우나 순간에 의존적인 경우 테스트 시간이 오래 걸리는 경우 Mock에 대한 기본적인 분류 1. 테스트 더블 테스트를 진행하기 어려운 경우 이를 대신해 테스트를 진행할 수 있도록 만들어주는 객체를 말합니다. Mock객체와 유사한 의미를 가지며 테스트 더블이 ..

Jenkins 빌드 / 배포 자동화 구현하기 _ Maven Project

> JenKins 란 ? 젠킨스는 소프트웨어 개발 시 지속적으로 통합 서비스(Continuous Integration 이하 CI)를 제공하는 툴 하나의 프로그램 개발 시 버전 충돌을 방지하기 위해 각자 작업한 내용을 공유영역에 있는 저장소에 지속적으로 업로드 함으로써 지속적 통합 소스의 커밋을 감지하면, 자동적으로 자동화 테스트가 포함된 빌드가 작동하도록 구성 가능 Java Runtime Environment에서 동작 다양한 플러그인들을 활용해서 각종 자동화 작업을 처리 AWS 배포, 테스트, 도커 빌드 등 할게 너무 많으니 각각의 컴포넌트들을 하나의 플러그인으로 모듈화를 해놓았는데 이를 활용하여 사용 플러그인들을 잘 조합해서 돌아가게 하는 게 Pipeline, 일련의 자동화 작업의 순서들의 집합인 Pi..

Endian (엔디언) 이란?

Endian이라는 단어가 생소하여 정리하여 둔다. Endian 엔디안 이란? - 엔디안은 컴퓨터의 메모리와 같은 1차원 공간에 여러 개의 연속된 대상을 배열하는 방법을 뜻하며 , 바이트를 배열하는 방법을 특히 바이트 순서(Byte Order) 라고 한다. 엔디안은 사람이 쓰는 것 과 같이 큰단위가 앞으로 나오는 것을 빅 엔디안 작은 단위가 앞으로 오는 것을 리틀 엔디안 이라고 한다. 어떤 엔디언이 좋을까? 엔디언은 System Architecture 즉 Cpu의 제조사와 관련이 있다. - 다만 네트워크에서는 빅엔디언으로 통일해서 사용. 오늘 날 어떤 엔디언을 쓰던지 큰 차이는 없지만 미묘한 장단점이 존재 - 빅엔디언은 사람이 읽기 좋아 , 디버깅에 좋음 - 리틀 엔디언은 하위바이트에 주소값으로 바로 접근..