clone 코딩을 하다가 궁금한 것이 있어서 질문 남깁니다(refactoring).

Question

안녕하세요 선배님들!다름이 아니라 클론코딩을 하다가 궁금한 부분이 있어 질문 남깁니다. 한 영화사이트를 그대로 따라 만들어 보는 클론코딩을 진행하고 있습니다. 다른 프레임워크는 사용하지 않고 오직 html, css, js만을 사용하는 페이지 입니다. js마저도 최소한으로 사용하고 있으며 html과 css를 많이 사용해보자는 취지로 진행하고 있습니다.다 만들고 나니 페이지는 정상작동하지만 코드가 너무 빼곡히 박혀있어서 이건 아닌 것 같다는 생각이 들었습니다. 반복되는 코드가 3줄 이상이면 중복을 제거할 여지가 있다는 말을 들었는데 정적인 html과 css를 어떻게 줄일지 고민입니다. 만약 줄이지 못한다면 가독성을 향상시키고 싶습니다.이런저런 방법을 검색해 봤는데, client side에서 js로 dom 엘리먼트를 생성하는 방식은 오히려 리팩토링의 지향점과 반대된다고 합니다. 그렇다면 server에서 반복되는 html 템플릿을 client로 내려주는 방식으로 코딩해야 할까요? 만약 그렇게 한다면 중복 html 템플릿 코드를 줄일 수 있을까요?페이지 하나를 제작하더라도 이렇게 많은 코드가 사용되는데 현업에서는 어떻게 코드를 정리하시는지 궁금합니다. 조언 부탁드립니다! ****이해를 돕기 위해 vscode map과 css일부를 사진으로 첨부합니다 ****

clone 코딩을 하다가 궁금한 것이 있어서 질문 남깁니다(refactoring).

0개의 답변

Q&A 목록