https://github.com/qkreltms/web-components-basic
https://github.com/qkreltms/web-components-basic
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/qkreltms/web-components-basic
- Owner: qkreltms
- Created: 2024-06-29T06:21:04.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-12-26T13:22:15.000Z (5 months ago)
- Last Synced: 2025-02-12T09:39:22.819Z (3 months ago)
- Language: JavaScript
- Size: 168 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 웹 컴포넌트 기초
1. 라이브러리 및 프레임워크에 자유로운 컴포넌트를 개발해보자
# 실행
1. cd front && npm run start
2. cd back && npm run start:dev
2. http://localhost:8080/#/
목표:
1. 풀스택 개발 [o]
2. 웹 컴포넌트를 사용하여 확장성있는 프론트 화면을 구현한다. [o]
3. SPA 라우터 구현 [o]
4. vite, typescript, scss 적용, api 캐싱 구현, 상태관리 만들어보기, api 로딩, 예외처리 및 abort, 이미지 lazy loading
4. 웹 컴포넌트 component, 상수값을 npm에 배포하는 형식으로 monorepo 구현 (+a 스토리북)
3. github action을 활용하여 CI/CD 구현 및 배포
# 도전과제
1. 업데이트가 필요한 DOM만 업데이트 => 깜빡임 해소