mirabo01 님의 블로그

React 프로젝트를 운영하다 보면 한 번쯤은 “페이지가 느리다”, “클릭했는데 반응이 굼뜨다”는 이야기를 듣게 됩니다.이럴 때 가장 먼저 열어보기 좋은 도구 중 하나가 Lighthouse입니다.Chrome DevTools나 PageSpeed Insights에서 바로 실행할 수 있고, 성능뿐 아니라 접근성, SEO, 모범 사례까지 한 번에 확인할 수 있어서 초반 진단용으로 꽤 유용합니다.다만 여기서 먼저 정리해야 할 점이 있습니다.Lighthouse는 React를 직접 최적화해주는 도구가 아닙니다.대신 지금 이 페이지가 왜 느린지 브라우저 관점에서 먼저 보여주는 진단 도구에 가깝습니다.즉, React 성능 최적화에서 Lighthouse는 “해결 도구”라기보다문제를 발견하는 출발점으로 이해하는 편이 더 정..

요즘 모바일 앱을 만든다고 하면React Native를 한 번쯤은 반드시 듣게 된다.웹 개발을 조금이라도 해봤다면“JavaScript로 앱을 만든다”, “React로 모바일을 만든다”는 말이어느 정도는 감이 올 것이다.하지만 막상 시작하려고 하면 이런 생각이 든다.React랑 뭐가 다른 거지?웹이랑 앱은 완전히 다른 거 아니야?이걸로 실제 서비스가 가능한가?이 글은React Native를 처음 접하는 사람을 기준으로,개념부터 왜 쓰이는지까지 차분하게 정리한 글이다.이 글이 필요한 사람모바일 앱 개발을 처음 시작하려는 경우React는 해봤지만 React Native는 처음인 경우Flutter, Native와 비교하며 고민 중인 경우React Native란 무엇인가React Native는**JavaScrip..

“요즘은 React가 대세라던데, Vue도 괜찮다던데… Svelte는 또 뭐야?”프론트엔드 공부를 시작한 입문자라면이 질문 앞에서 한참을 고민하게 된다.세 프레임워크 모두 “웹을 더 효율적으로 만드는 도구”지만,각자의 철학과 학습 난이도, 커뮤니티 생태계가 완전히 다르다.이번 글에서는 React·Vue·Svelte의 특징을 한눈에 비교하고,당신에게 가장 잘 맞는 프레임워크 선택 기준을 알려준다.#React #Vue #Svelte💡 1. 프레임워크 vs 라이브러리, 뭐가 다른가?“React는 라이브러리, Vue와 Svelte는 프레임워크다.”라이브러리(Library):필요한 기능을 ‘가져다 쓰는’ 도구 (예: React)프레임워크(Framework):정해진 규칙과 구조 속에서 코드를 작성하는 시스템 (예..