요즘 무의식적으로 하던것들에 의문이 생기네요

Question

예를 들어 타입을 모아놓는 폴더를 만들때나 컴포넌트를 만들때, 폴더를 만든 후, index파일을 만드는 형식으로 하고있던걸 &#34;어라 그냥 큰 틀을 폴더로 만들고 파일명으로 구분하면 되지않을까&#34; 라는 생각이 들었습니다.. 생각해보니 이렇게 폴더에 index하던건 같이 프로젝트하던분이 이렇게 하자고 해서 시작한뒤로 계속 이렇게하고있네요.. 아니 생각해보니까 컴포넌트는 각 컴포넌트마다 css파일이 있으니까 각폴더에 index.tsx, index.css이렇게 하면 좋긴하겠는데 타입은..? 그냥 큰 틀안에서 파일명으로 구분해볼까요.. 밤새고 자기전에 쓰려니까 제가 잘썼나 모르겠네요. 그러니까 제가 묻고싶은거는요 만약 컴포넌트 보관할때처럼 각 폴더안에 index로 관리하는것 처럼 타입도 통일성있게 그렇게 하는게 좋을까요 아니면 타입은 큰틀안에서 파일명으로 구분하는게 좋을까요 꾸벅 안녕히주무세요

캐티 · Answer

vuejs 템플릿처럼 한 개 파일로 사용하는 방법과 htm, js, css 파일로 나눠서 페이지 내용이 동적인 구성을 할 수 있쩌.정적 페이지가 흔하게 사용되지만 데이터가 완전하게 출력되는데 시간이 많이 걸리고 seo처리가 불편하다는 것이 있어서 일반적으로 htm, js, css 파일로 나누는 것이 좋습니다. 컨텐츠 페이지의 전체 용량이 작을 수록 품질이 높을 것으로 전망해요.

세브라이드 · Answer

개인적으론 둘 다 짬뽕한 방식을 훨씬 선호합니다./Button/index.ts(export Button.tsx)/Button/Button.tsx/Button/types.ts이렇게 해놓으면 스케일 확장하기 훨씬 쉽습니다.../Button/index.ts(export Button.tsx)/Button/Button.tsx(export *Button.tsx)/Button/SolidButton.tsx/Button/IconButton.tsx/Button/GhostButton.tsx/Button/types.tsvscode에서 검색할 때도 index.ts의 폐혜을 피할 수 있고요.유사 subcomponents 패턴 구현할 때도 편합니다./Avatar/index.ts(export Avatar.tsx)/Avatar/Avatar.tsx(export Avatar.*.tsx)/Avatar/Avatar.CircleImage.tsx/Avatar/Avatar.Badge.tsx/Avatar/Avatar.Ring.tsx...// 쓸때

예전에 해외 블로그에서 봐놓고 아주 잘 쓰고 있습니다 ㅋㅅㅋ

요즘 무의식적으로 하던것들에 의문이 생기네요

2개의 답변

Q&A 목록