TS+React 이용한 프론트 개발 순서 고민

Question

이번에 타입스크립트를 공부하면서 타입스크립트+리엑트를 사용하려고 시도하고있습니다.그런데 Atomic Design 패턴 으로 개발을 진행하려고 하는대 전혀 감이 안잡히는대 Atomic Design 패턴으로 개발할때처음부터 전부 파일을 나눈뒤에 개발을 하시나요 아니면 페이지를 만들고 그 페이지 요소들을 나누나요?처음부터 전부 나눠서 개발하려고 시도하고있는대 감이 좀 안잡히네요;; 개발할때 팁같은게 있을까요?

세브라이드 · Answer

Okky를 예로 들게요.- 원자로고QNA 메뉴지식 메뉴커뮤니티 메뉴이벤트 메뉴부트캠프 메뉴Jobs 메뉴세로구분선Contact 메뉴사이트 검색창테마 변경 버튼책갈피 목록 버튼알림 목록 버튼미니 프로필- 분자GNB메뉴 목록(QNA 메뉴 지식 메뉴 커뮤니티 메뉴 이벤트 메뉴 부트캠프 메뉴 Jobs 메뉴 세로구분선 Contact 메뉴)GNB검색창(사이트 검색창 테마 변경 버튼)GNB프로필(책갈피 목록 버튼 알림 목록 버튼 미니 프로필)- 유기체GNB(로고 GNB메뉴 목록 GNB검색창 GNB프로필)QNA 상세 메인푸터- 페이지QNA상세 페이지(GNB QNA 상세 메인 푸터)+ 검색해보니 원자-분자-유기체-템플릿-페이지 이 순서로 나오던데 템플릿은 쓰지 마세요. 프론트에서 템플릿은 말 그대로 도장 템플릿같은 약속어라서 다른 개발자들 햇갈리기나 합니다.

js_ · Answer

처음부터 나눠서 하고 개발 하기 전에 충분히 설계를 하고 하시면 돼요

Ganymedian · Answer

누구도 처음부터 완벽한 모듈링과 아토믹 구조화를 설계할 수 없겠죠.설계의 1차 구조가 나오면 그 다음에, 짬에 비례한 구조화 그림이 나오고 그 그림대로 구조화가 시작될 것입니다.제가 전에 진행했던 구조화, 모듈화, 아토믹 과정이 한 프로젝트에서 디테일하게 반영됐던 기록이 있습니다.https://until.blog/@ganymedian/-4--form-handling-in-react#shad-cn도움이 되길 바랍니다.

TS+React 이용한 프론트 개발 순서 고민

3개의 답변

#programming 목록