Syw.Frontend

🧠 FE 블로그

Next.js + Firebase 실전 프로젝트 - 1단계 강좌 출시 완료!

Next.js + Firebase 실전 프로젝트 - 1단계 강좌 출시 완료!

App Router 기반의 최신 Next.js 15와 Firebase를 한 번에!

생전 처음 만들어본 점수판앱

생전 처음 만들어본 점수판앱

친구 도장을 위해 직접 만든 첫 점수판앱 개발기. Framework7과 React로 UI를 구성하고 Capacitor로 안드로이드 앱까지 빌드해낸 과정을 공유합니다.

Next.js 기초 강좌 오픈 예정🌱: 처음부터 차근차근 알려드립니다

Next.js 기초 강좌 오픈 예정🌱: 처음부터 차근차근 알려드립니다

Next.js는 React보다 한 단계 더 나아간 프레임워크입니다. 이번 커리큘럼에서는 기본 개념부터 작은 블로그 프로젝트 완성까지 함께 배워봅니다.

JavaScript 기초 강좌 오픈 ✨ 프론트엔드 첫걸음

JavaScript 기초 강좌 오픈 ✨ 프론트엔드 첫걸음

프론트엔드 개발의 핵심 언어, JavaScript를 기초부터 차근차근 배우는 강좌가 FE 스쿨에서 새롭게 시작됩니다. 🚀

구글 검색 'FE 스쿨' 2위! syw.kr 🎉

구글 검색 'FE 스쿨' 2위! syw.kr 🎉

‘FE 스쿨’을 구글에서 검색했을 때, 광고 제외 2위에 제 사이트가 노출되었습니다. 차분히 준비한 작업들이 조금씩 반영되고 있는 것 같습니다.

MVC 패턴과 Vue.js, React.js의 역할

MVC 패턴과 Vue.js, React.js의 역할

프론트엔드에서 많이 언급되는 MVC 패턴과 Vue.js, React.js가 이 구조에서 각각 어떤 역할을 하는지 쉽게 설명합니다.

프론트엔드 개발자로 전향할 친구들에게 나침반이 되어줄 FE 스쿨

프론트엔드 개발자로 전향할 친구들에게 나침반이 되어줄 FE 스쿨

코딩이 처음이더라도, 낯설더라도 괜찮아요. 프론트엔드 전향을 꿈꾸는 분들을 위한 따뜻한 안내서, FE 스쿨이 함께합니다.

React.js 실전 강좌, FE 스쿨에서 곧 시작합니다!

React.js 실전 강좌, FE 스쿨에서 곧 시작합니다!

React 개발 입문자를 위한 실전형 강좌, FE 스쿨에서 7월 말 정식 오픈됩니다. 실무 중심 커리큘럼과 실전 과제를 통해 포트폴리오까지 완성해보세요.

React와 Vue에서 네트워크 통신은 어떻게 다를까?

React와 Vue에서 네트워크 통신은 어떻게 다를까?

React와 Vue 프로젝트에서 데이터 요청을 어떻게 관리하느냐에 따라 개발 효율이 크게 달라집니다. 이 글에서는 fetch, axios의 기본적인 비교부터 react-query, vue-query 같은 고급 상태관리형 패칭 도구까지 기술별 장단점과 사용 시나리오를 정리합니다.

React의 Zustand, Vue의 Pinia – 상태관리 라이브러리는 왜 필요할까?

React의 Zustand, Vue의 Pinia – 상태관리 라이브러리는 왜 필요할까?

React의 Zustand와 Vue의 Pinia는 왜 필요할까요? 컴포넌트 간 상태 공유가 복잡해질수록 전역 상태관리의 필요성이 커집니다. 이 글에서는 두 라이브러리의 특징과 사용 이유를 비교하며, 언제 상태관리 라이브러리를 도입해야 할지 정리합니다.