HTML 파일 하나로 10배 빠르게 배포하기
간단한 도구를 만들 때 React 사용을 중단했습니다.
React가 나쁜 것은 아닙니다. 특정 패턴 때문에 작은 프로젝트에서는 사용하지 않기로 했습니다.
무언가 작은 것을 만들고 싶었습니다. 그러면 React 설정을 열고, 번들러를 추가하고, 폴더 구조를 계획하고, 의존성을 설치했습니다.
도구를 만드는 시간보다 인프라를 구축하는 데 더 많은 시간을 썼습니다.
새로운 규칙을 시도해 보았습니다.
프레임워크 없음. 백엔드 없음. 빌드 도구 없음. npm 없음.
단 하나의 HTML 파일만 사용합니다. vanilla JavaScript와 인라인 CSS를 사용합니다. 데이터를 저장해야 할 때는 localStorage를 사용합니다.
그 결과 제 워크플로우가 바뀌었습니다.
아이디어가 설정 단계에서 막히지 않습니다. 파일을 열고 바로 코딩을 시작합니다. 아키텍처 결정을 내릴 필요도 없고, 의존성 늪에 빠지지도 않습니다.
이제 프로세스는 다음과 같습니다:
- 아이디어
- 코드
- 완료
이런 방식으로 인보이스 생성기를 만들었습니다. 각 도구는 파일 하나로 이루어져 있습니다. 브라우저에서 즉시 열립니다. 설치도 필요 없고 번거로움도 없습니다.
이 변화는 마인드셋의 변화입니다.
무엇이 올바른 스택인지 묻는 것을 그만두었습니다. 대신 무엇이 가장 단순한 해결책인지 묻기 시작했습니다.
대부분의 작은 도구는 프레임워크가 필요하지 않습니다. 그저 존재하기만 하면 됩니다.
이 방식에는 한계가 있습니다. 실시간 협업 도구에는 사용해서는 안 됩니다. 대부분의 개인용 도구에는 그런 기능이 필요하지 않지만요.
저의 새로운 규칙은 간단합니다: 파일 하나로 시작하세요. 반드시 필요할 때만 복잡성을 추가하세요. 생태계가 요구한다고 해서 억지로 추가하지 마세요.
오늘 바로 시도해 보세요. 작은 아이디어를 하나 고르세요. 하나의 HTML 파일로 만드세요. 설정도, 변명도 필요 없습니다.
그냥 배포하세요.
선택 사항인 학습 커뮤니티: https://github.com/DarkenAmber/single-file-app