데이터 분석2026. 6. 6.
smart-fit-coach
다이어트에 최적화 된 웹
💡 만든 동기
다이어트에 고민이 많았다
🤔 어려웠던 점
HTML, CSS, JavaScript(React)를 한 파일에 융합하는 이 개념적 전환과 세팅을 맞추는 것이 가장 복잡한 난관이었습니다.결국 이를 해결하기 위해 가장 원초적이고 안전한 문자열 더하기 연산자(+) 방식으로 코드를 일일이 쪼개어 재조립해야 했습니다.
🛠 해결한 방법
로컬 컴퓨터 개발 환경(Vite/Node)을 거치지 않고, GitHub 웹에 바로 붙여넣어 모바일에서 즉시 작동하는 단일 index.html 구조를 유지하면서 React의 다이내믹한 기능을 충돌 없이 구현해 냈다.
✨ 배운 점
무거운 개발 환경 없이 단일 index.html만으로 React를 구현하는 제약을 극복하며, 웹 브라우저의 코드 해석 원리와 클래식한 디버깅의 가치를 깊이 있게 배웠습니다.
#react#gemini