Web Guide프레임워크React기술 선택
프레임워크란 무엇인가: React, Vue, Next.js
제안서에 낯선 기술 이름이 나오면 무엇을 물어야 할지 막막합니다.
각 기술의 세부를 알 필요는 없습니다. 어떤 성격인지와 우리에게 맞는지만 확인하면 됩니다.
01왜 쓰는가
복잡한 화면과 기능을 만들 때 처음부터 다 만들면 시간이 오래 걸립니다. 프레임워크는 자주 쓰는 기능을 미리 만들어 둔 도구 모음입니다.
집을 지을 때 기둥과 골조를 직접 깎는 대신 규격품을 쓰는 것과 비슷합니다.
프레임워크 사용
개발 속도가 빠름 · 검증된 구조 · 개발자를 구하기 쉬움 · 학습 비용 · 버전 업데이트 대응 필요
직접 개발
가볍게 만들 수 있음 · 자유도 높음 · 시간이 오래 걸림 · 다른 개발자가 이해하기 어려움
02언제 필요한가
단순한 소개 사이트에는 과합니다. 화면이 복잡하게 바뀌거나, 기능이 많거나, 앱처럼 동작해야 할 때 가치가 있습니다.
단순한 사이트에 무거운 프레임워크를 쓰면 오히려 느려지고 비용도 올라갑니다.
불필요한 경우
페이지 몇 개의 소개 사이트. 정적으로 만드는 편이 빠르고 저렴합니다.
유용한 경우
화면이 자주 바뀜, 복잡한 폼, 실시간 갱신, 대시보드.
필요한 경우
앱처럼 동작하는 서비스, 회원 기반 기능이 많은 경우.
판단 기준
'페이지를 넘기는가, 화면 안에서 바뀌는가'로 구분하면 쉽습니다.
03검색 노출과 관련이 있다
일부 방식은 화면 내용을 브라우저에서 만들어 냅니다. 이 경우 검색엔진이 내용을 못 읽을 수 있습니다.
서버에서 미리 화면을 만들어 보내는 방식을 쓰면 이 문제가 해결됩니다. 제안서에 이 부분이 어떻게 처리되는지 물어보세요.
브라우저에서 생성검색엔진이 내용을 못 읽을 수 있습니다. 확인이 필요합니다.
서버에서 미리 생성검색엔진이 읽을 수 있습니다. 검색이 중요하면 이 방식.
정적 생성미리 파일로 만들어 둡니다. 가장 빠르고 검색에도 유리.
확인 질문'검색엔진이 내용을 읽을 수 있나요'라고 물어보세요.
04물어봐야 할 것
기술 이름을 아는 것보다 우리에게 미치는 영향을 확인하는 것이 중요합니다. 아래 질문이면 충분합니다.
왜 이 기술인가요 우리 프로젝트에 맞는 이유가 있는지.
검색에 잡히나요 내용을 검색엔진이 읽을 수 있는지.
다른 업체도 다루나요 업체 변경 가능성.
서버 사양은요 호스팅 비용에 영향을 줍니다.
업데이트는요 버전이 바뀔 때 누가 대응하는지.
더 간단한 방법은요 우리 요구에 과한 선택은 아닌지.
CHECK POINT
□ 우리 사이트에 프레임워크가 필요한 수준인가
□ 단순한 소개 사이트에 과한 선택은 아닌가
□ 검색엔진이 내용을 읽을 수 있는 방식인가
□ 다른 업체도 다룰 수 있는 기술인가
□ 필요한 서버 사양과 비용을 확인했는가
□ 버전 업데이트 대응 주체를 확인했는가
#프레임워크#React#기술 선택#검색 노출#서버 렌더링#업체 변경#서버 사양#홈페이지 개발#웹비스타#홈페이지 제작