JS(TS) 설계할 때 어떻게 하시나요?

Question

개인프로젝트 진행중입니다. 기존에는 바로 코딩을 시작했다면 이번엔 코딩하기 전에 설계를 해보려고 합니다.하나의 시스템이 어떤 모듈로 구성되어 있는지, 각 모듈이 어떻게 동작하는지 설계하고 싶습니다.설계 방법론(?)중 C4 모델은 전체적인 그림을 그리기에 좋은것 같고 UML은 더 자세히 설계할 수 있지만 함수형프로그래밍에선 잘 맞지 않는 경우가 있더라구요.javascript(또는 typescript)를 코딩하기 전에 어떻게 설계하시나요?설계없이 바로 코딩하시나요? 아니면 어떤 설계방법론을 사용하시나요?javascript나 typescript에 어울리는 설계방법론이 어떤게 있나요?

leon808 · Answer

코드 구조를 무슨 무슨 이론에 기초해서 설계한다는 너무 딥한거 같구요라이브러리에서 요구하는 구조 지키면서, 유지 보수가 쉬워지는 관점으로 접근자신만의 코드 조직 패턴을 만들어가시는게 좋습니다예를 들어 잘 모를 때 예외 처리를 하다가 아 이거 어떻게 하면 편하게 하지 찾다 aop 같은걸 알게 되고아 중복되는 부분이 너무 많아 어떻게 하면 이걸 줄일 수 있을까 하다 클로저 패턴 적용하고 그렇게 하나하나 발전해나가면 됩니다

장독깨기 · Answer

설계를 한다는건 구조를 정의하는 것입니다.언어는 구조를 구현하는 수단입니다.그니까, 특정 언어에 따라 설계가 달라지는 것이 아닙니다.UML 로 하면 무난 할 것 입니다. :)

BGProgramming · Answer

어떤 툴을 사용할것인지는 중요하지 않다고 생각합니다.처음에는 시스템의 전체 구조를 러프하게 잡습니다.간단한 일반적인 웹페이지라면 클라이언트 - 서버 - DB 정도가 되겠죠.그런데 크롤링등의 경우 상황에 따라 Control 서버 한대 및 데이터 수집 10대 정도를 설계하기도 합니다.하나의 ip로 너무 자주 요청하게 되면 IP가 막히게 되는 상황이 발생하기 때문입니다.아니면 비디오 인코딩 같은 서비스가 들어가게 되면 이경우는 필히 API 서버와 분리해야 하죠.인코딩이 CPU 점유율이 높아 인코딩에 들어가게 되면 API 응답이 급속히 저하되기 때문입니다.작은 사이트라면 API 및 DB가 하나의 서버에 설치해도 되겠고... 파일또한 S3를 사용할 것인지 아니면 그냥 EC2에 nginx를 올려서 처리할 건지등을 생각해보면 됩니다.설계는 처음에 러프하게 잡은 이후. 실제 구현하면서 각각의 모듈을 디테일하게 잡아가시면 됩니다.그리고 참고로 어차피 뻔헌? 회원가입등의 모듈을 먼저 보지 마시고 해당 프로젝트의 메인서비스 부터 설계하세요.예를들어 역 경매 방식의 플랫폼이라고 하면 다음과 같은 로직이 있을 수 있습니다.고객사의 의뢰 등록 -> 참여자 의뢰 제안 -> 고객사 의뢰 검토 -> 1차 미팅 -> 2차 미팅 -> 발주 -> 1차 검수 -> 2차검수 -> 완료이런식으로 전체적인 흐름을 잡고 각각의 단계별 구현을 할 때마다 세부 사항을 설계하면 됩니다.그리고 이렇게 세부 사항을 생각한 이후에 특정 모듈 구현에서 코드로 구현하시면 됩니다.코드로 구현시 해당 디테일한 내용이 복잡해지면 다시 여기서 패턴등을 이용해서 풀어나갈수 있는 사항입니다.예를들어 상세 페이지를 만들때 제품의 설명, 댓글등이 있다면 여기서 detail 페이지, CommentList를 구분할 수 있습니다.다시 CommentList에서는 해당 카테고리의 댓글만 취급하는 모듈이 아니라 여러 카테고리의 댓글까지 취급하고각 카테고리별 API가 다르다면 CommentList 컴포넌트의 API 모듈에 팩토리 패턴을 적용해서 구현할 수 있습니다.툴이 중효한것이 아니라 내가 목표한 시스템을 구현하기 위해서 어떻게 하면 잘 동작될 것인가를 코드를 작성하기 전에 시뮬레이션 해보는것이 설계를 하는 이유입니다.이러한 설계가 그냥 말로만 해서 이해가 된다면 글로 작성해도 되며, 이해가 어렵다면 여러가지 방법으로 표현하면 되는 사항입니다.

JS(TS) 설계할 때 어떻게 하시나요?

3개의 답변

기술 목록