Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
피그마 가이드를 이용한 PWA 네이티브 앱 제작 : Figma + HTML + CSS + Progressiv
Rating: 4.0 out of 5(1 rating)
9 students

피그마 가이드를 이용한 PWA 네이티브 앱 제작 : Figma + HTML + CSS + Progressiv

프로그레시브 웹 앱(progressive web app) 방식을 사용하여 자신만의 웹앱을 만들어 봅시다!
Last updated 12/2024
Korean

What you'll learn

  • Progressive Web App 소개
  • Figma 기초
  • 그래픽 스타일과 벡터
  • 정렬과 레이아웃
  • 컴포넌트와 베리언츠
  • HTML 기본 구조와 예제
  • Display CSS
  • Flex 레이아웃
  • JavaScript 기초
  • DOM 기초
  • JavaScript 이벤트

Course content

3 sections31 lectures13h 1m total length
  • Progressive Web App 소개13:53
  • Figma 기초22:46
  • 그래픽 스타일과 벡터125:15
  • 그래픽 스타일과 벡터227:44
  • 스타일과 라이브러리114:11
  • 스타일과 라이브러리221:22
  • 정렬과 레이아웃21:51
  • 블록처럼 UI를 구성하는 오토레이아웃125:30
  • 블록처럼 UI를 구성하는 오토레이아웃224:23
  • 컴포넌트와 베리언츠26:05

Requirements

  • 누구나 수강할 수 있습니다.

Description

안녕하세요, ITGO 입니다.


본 강의는 피그마 가이드를 이용한 PWA 네이티브 앱 제작 : Figma + HTML + CSS + Progressive Web APP 기초편 입니다.


본 과정을 통해 PWA 방식을 사용하여 자신만의 웹앱을 만들어 봅시다.



앱은 우리들의 일상에서 중요한 역할을 하고 있습니다.


네이티브 앱을 개발하고 유지 보수하는 것은 상당히 길고 복잡한 과정이며, 상당한 비용이 소요되는 경우도 많습니다.


현 시점, 2024년 9월 기준해서 앱을 개발하고 유지 보수하는 다른 방법이 있습니다.


이 방식은 우리가 웹(web)에서 사용하는 기술과 네이티브 앱의 장점을 결합한 것입니다.


그것은 바로 프로그레시브 웹 앱(progressive web app), 줄여서 PWA라고 부릅니다.



누구를 위한 강의인가요?


HTML, CSS, JavaScript를 사용하는 웹 유저


네이티브 앱을 만들 수 있는 앱 개발자


실무에서 디자인 능력을 향상시키고자 하는 퍼블리셔



무엇을 배우나요?


Progressive Web App 소개


Figma 기초


그래픽 스타일과 벡터


정렬과 레이아웃


컴포넌트와 베리언츠


HTML 기본 구조와 예제


Display CSS


Flex 레이아웃


JavaScript 기초


DOM 기초


JavaScript 이벤트



피그마 가이드를 이용한 PWA 네이티브 앱 제작 : Figma + HTML + CSS + Progressive Web APP 기초편 강의에 입문해봅시다~!


그럼 강의에서 만나요 :)


Who this course is for:

  • HTML, CSS, JavaScript를 사용하는 웹 유저
  • 네이티브 앱을 만들 수 있는 앱 개발자
  • 실무에서 디자인 능력을 향상시키고자 하는 퍼블리셔