Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작

💡Nuxt 3 핵심기능 활용 강좌

• Vue.js와 UI를 한번에 학습할수 있어요

• Nuxt 3으로 날씨 앱 만들기: 초보자도 쉽게 따라 배울수 있어요

  
  

  

  
  

• Nuxt 3의 주요 핵심 기능을 배워 활용할 수 있어요

• 날씨 API 개발과 배포 까지 전체를 구성

  
  

💡핵심 특징과 차별점을 살펴 보면,

• Nuxt 3 최신 기능 적용

• Server Routes 활용: 백앤드 없이 Nuxt 3의 서버 기능을 사용하여 API호출 최적화

• Pinia 상태관리: Vuex 없이 깔끔한 데이터 상태관리 적용

• SSR(서버사이드 랜더링) & SEO 최적화 : Nuxt 3의 핵심기능 최대한 활용

• PWA(Progressive Web App): 웹과 네이티브 앱의 장점을 결합한 웹앱으로 모바일기기에서 최적

• Vercel 배포: 완성된 앱을 배포

💡이 강의가 필요할 수강생은 ?

• 실시간 데이터 처리및 사용자 친화적인 UI개발을 경험하고 싶은 사람.

• 포트폴리오 프로젝트가 필요한 사람.

• 실무에서 사용할 수 있는 API연동 및 데이터 처리 기술을 배우고 싶은 사람.

• SaaS 개발을 준비하는 사람.

• 웹 서비스 배포 경험이 없는 개발자

• CSS가 어려우신 분들은 미리 정의된 유틸리티 Class로 CSS작성 최소화

실습 환경

• 강의는 Windows 10 기준으로 설명합니다.

• 강의에서는 Vscode, Node.js 22.

학습 자료

• 자료실에서 관련 이미지및 배경 mp4자료를 받을 수 있습니다.

선수 지식 및 유의사항

• javascript

• Vue.js.

• 기본 css 지식

💡강의 학습에 필요한 참고 사항

1. 실습 환경

   • 운영 체제 및 버전(OS): Windows 10 이상

   • 사용 도구: Vscode,Github, Firebase, openWeatherMap등은 모두 무료이지만 일정사용량 이상이면 요금이 부과 됩니다. 하지만 무료 사용량에서 학습이 충분히 가능합니다.

     
     

   • PC 사양: CPU Intel i5 8세대 이상 또는 AMD Ryzen 5이상 RAM: 8GB이상, 인터넷연결

2. 선수 지식 및 유의사항

   • HTML, CSS, JavaScript 기본 문법을 알고 있으면 학습이 더 쉬워요.

   • Vue.js를 간단히 경험해봤다면 Nuxt 3 학습이 어둑 수월합니다.

   • GihHub, Vercel, Google, openWeatherMap 계정

   • openWeatherMap 계정등록시 무료이지만 카드 등록이 필요합니다.

해당 템플릿은 '배달앱은 어떻게 내 주변의 맛집을 찾을까?' 강의를 참고하여 제공하고 있습니다.