'웹 페이지 템플릿'과 SPA(React)사이

Question

질문 드리고 싶은게 있습니다. (프론트엔드 개발자적인 입장에서) SPA로 페이지를 구축해야하는데,구현하려는 웹페이지의 맞춤형 디자인이 있다면야 좋겠지만, 그렇지 못한 경우에 시간을 절약하기 위해서 'WrapBootstrap'사이트에서 제공(판매)하는 것들과 같은,(html/css/js의 '문서형식'으로 구성된) 이미 만들어진 웹페이지템플릿을 사용하기도 하잖아요? 그런 웹페이지 템플릿에 리액트를 적용한다면 여러분은 어떻게들 하시겠나요? 혹은 어떻게 하고 계신가요? 여쭤보는 이유는, 기존의 '문서형식'의 코드를 리액트 형식으로 코드를 컴포넌트로 재구성하다보면 1. 바꾸는데 시간이 꽤나 소요된다.2. 빈

태그 등으로 인해 계층구조가 바뀌어 기존 css가 제대로 적용되지 않는다. 와 같은 문제가 있더라구요. 결론적으로 제가 생각해 본 방법은 1. 오래걸리더라도 해당 css를 찾아 적절히 잘(?) 적용시킨다.2. 기존의 코드에 부분적으로 React를 적용한다(음..어떻게?).3. 어쩔수없이 리액트 사용은 포기하고 Ajax(혹은 관련 라이브러리)만을 쓴다.. 인데... 어떤방법이 가장 좋다고 생각하시나요?아니면 더 좋은 방법이 있을까요? 필요성에 따라 React를 쓸지 말지 결정하는 것은 맞지만, SPA로 구현하려는 상황에서 React가 꽤나 매력적으로 느껴져서 이러한 고민을 하고있습니다.. 부디 도움주시면 대단히 감사하겠습니다.

니플 · Accepted Answer

코드를 계속 사용하고 관리하려면시간이 걸리더라도 1번으로 교체하는 것이 좋다고 생각이 들고 빨리 사용해야된다면그냥 3번으로 해야된다고 생각됩니다. 그리고 템플릿을 리액트에 맞춘다가 정말 어려운 것같은데템플릿을 보면서 새로 만드는 것이 더 쉬울 것같습니다.

jjoon9 · Answer

감사합니다~~

devjang · Answer

굳이 살 필요가 있나요? 리액트 UI 라이브러리는 깔리고 깔렸습니다.그리고 리액트가 매력적일 수 있지만 적용하려면 러닝커브가 높아서 힘드실텐데러닝커브때문에 개발 기간 더 오래 걸릴 수가 있어요 리액트를 굳이 써야겠다면 1번으로 하시고 BEM 방법론 적용해서 컴포넌트 단위로 CSS를 나눠서 적용하시면됩니다그게 아니라면 그냥 3번 하시구요

'웹 페이지 템플릿'과 SPA(React)사이

3개의 답변

Q&A 목록