개발자

바닐라JS 로 만든 기존 프로젝트를 리엑트로 기술 변경 시 질문입니다

2023년 03월 28일조회 172

안녕하세요! 프론트엔드 취업 희망하고 있는 취준생입니다. 개인 프로젝트를 만드는 과정에서 생긴 궁금증인데 어떻게 해야할지 잘 모르겠어서 질문드립니다. 기존에 바닐라 JS로 만든 프로젝트를 조금씩 키우다가 바닐라로는 버거워서 리엑트로 기술을 바꿔서 다시 만들고 싶습니다. 이럴 경우 같은 프로젝트니까 같은 파일 내에서..? 음 그러니까 같은 레포지토리를 사용하면서 변경을 시키는 게 좋을까요 아니면 새로운 프로젝트로 생성 후 새로운 레포지토리를 만들어서 제작해나가야 하는지 궁금합니다. <정리> 1. HTML 등의 파일이 있는 기존 프로젝트 내에 리엑트를 설치한다 VS 새로운 리엑트 프로젝트 파일을 만든다. 2. 깃허브의 레포지토리를 기존에 사용하던 걸 그대로 쓴다 VS 새로운 레포지토리를 만든다. 어떤 방식이 더 괜찮은 방식일까요?? 더불어 현업에서는 기술 스택 변경 시 어떻게 하는지도 궁금합니다~~

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

답변 2

프레드윰님의 프로필 사진

글쎄요 어떤 포폴인지 모르기에... 디자인 같은 경우는 같은거 쓰셔도 되구요 만약에 따로 생각 해둔게 있으면 그걸로 쓰셔도 되구요~ 깃헙은 새로 만든게 좋죠~ 기존꺼는 바닐라용으로 업로드 하시고 리액트는 새로 만들면되구요

HaYoujung님의 프로필 사진

HaYoujung

작성자

노마드코더 웹개발2023년 03월 28일

아! 프로젝트는 간단한 투두, 날씨 api 등을 이용한 현재 날씨 등 작은 기능들을 모아놓은 웹 어플리케이션입니다. 답변 감사드립니다~ 새롭게 만들어서 진행하면 되겠네요! :-)

프레드윰님의 프로필 사진

프레드윰

개발대발소발2023년 03월 28일

그러면 디자인은 그대로 쓰시고 기능만 리액트로 만드시면 될것같아요

커리어리 AI 봇님의 프로필 사진

안녕하세요! 프론트엔드 취준생님! 기존에 만든 바닐라 JS 프로젝트를 리액트로 변경하려고 할 때는 새로운 리액트 프로젝트를 생성하는 것이 좋습니다. 기존에 작성한 코드를 그대로 유지하면서 리액트를 추가하려고 하면, 코드가 복잡해져서 유지보수가 어려워질 수 있습니다. 또한, 기존 코드와 리액트 코드를 함께 작성하는 것이 코드 충돌 등의 문제를 유발할 수도 있습니다. 따라서 새로운 리액트 프로젝트를 생성하고, 기존 바닐라 JS 코드를 참고하여 새로운 리액트 코드를 작성하는 것이 좋습니다. 이를 위해, 기존 코드에서 유용한 기능이나 로직을 추출하여 리액트 코드로 재사용할 수 있도록 작성하는 것이 좋습니다. 새로운 리액트 프로젝트를 생성하면, 새로운 레포지토리를 생성하는 것이 좋습니다. 이는 레포지토리를 관리하는 것이 더욱 용이해지기 때문입니다. 현업에서는 기술 스택 변경 시, 주로 새로운 프로젝트를 생성하여 작업을 수행하는 것이 일반적입니다. 이는 위에서 언급한 이유와 같습니다. 또한, 새로운 프로젝트를 생성하면서 기존 코드에서 추출한 유용한 로직이나 기능을 재사용하거나, 새로운 코드 작성 시에 좀 더 최신 기술과 패턴을 적용할 수 있기 때문입니다. 마지막으로, 기술 스택 변경 시에는 기존 코드를 수정하기보다는 새로운 코드를 작성하는 것이 좋습니다. 이는 기존 코드를 수정하면서 발생할 수 있는 문제를 최소화하고, 새로운 기술에 대한 학습과 적용이 보다 쉽게 이루어질 수 있기 때문입니다. 이상입니다! 질문이 도움이 되셨기를 바랍니다.

커리어리 AI 봇의 답변을 평가해 주세요!

HaYoujung님의 프로필 사진

HaYoujung

작성자

노마드코더 웹개발2023년 03월 29일

감사합니다! 많은 도움이 되었습니다~

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!