https://github.com/yamoo9/ediyaui

UI 디자인 & 개발 러닝 가이드 → 이디야(Ediya) 예제
https://github.com/yamoo9/ediyaui

css design development ecmascript ediya figma html javascript react ui

Last synced: 5 days ago
JSON representation

UI 디자인 & 개발 러닝 가이드 → 이디야(Ediya) 예제

• Host: GitHub
• URL: https://github.com/yamoo9/ediyaui
• Owner: yamoo9
• License: mit
• Created: 2020-02-09T00:55:08.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-04-18T07:27:42.000Z (almost 5 years ago)
• Last Synced: 2024-11-29T14:33:39.629Z (2 months ago)
• Topics: css, design, development, ecmascript, ediya, figma, html, javascript, react, ui
• Language: HTML
• Homepage: https://yamoo9.github.io/EdiyaUI/
• Size: 4.22 MB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Ediya UI 디자인 & 개발 러닝 가이드

"이디야(Ediya)" 디자인 리소스를 활용하여 [이듬(E.UID) 블렌디드 러닝](https://yamoo9.github.io/EUID) UI 디자인/개발을 학습합니다.

  

  yamoo9.github.io/EUID

## 1. UI 디자인

Figma 디자인 도구를 사용하여 멀티 스크린 UI 디자인을 제작합니다.



## 2. UI 웹 개발

HTML, CSS, JavaScript(ES6)를 사용하여 웹 UI 구조 설계, 스타일, 레이아웃, 애니메이션, 인터랙션을 구현합니다.


🎬시연 영상 → Ediya UI 웹 개발



네트워크 리소스 요청, 응답 속도를 확인하여 성능 최적화를 고려합니다.



## 3. React 앱 개발

웹 표준 개발 기술로 제작 된 결과를 React 프레임워크를 활용하여 컴포넌트 시스템으로 재구축 합니다.