Update README.md

README.md

@@ -44,14 +44,47 @@
 - Cockroachdb
 - Snowflake
 
-# 시작하기
+## 설치하기
 
 
 ```
-cd ~/vanillameta/backend-api 경로에서
-npm install
-cd ~/vanillameta/frontend-web 경로에서
-npm install
+cd ~/vanillameta/backend-api/ npm install
+cd ~/vanillameta/frontend-web/ npm install
+```
+
+## 시작하기
+```
+cd ~/vanillameta/backend-api/ npm run start
+cd ~/vanillameta/frontend-web/ npm run start
+```
+실행 후 localhost:3000경로에서
+![로그인 화면](https://user-images.githubusercontent.com/83908329/219256208-2c8fab3e-751d-4612-bda0-158dd4309032.png)
+화면이 뜬다면 성공 !
+
+```
+현재 default 계정정보는
+ID: guest,
+PW: Admin!@12
 ```
 
 
+## db연동하기
+
+예시 db는 SQLite입니다.
+![db연결 확인 및 저장](https://user-images.githubusercontent.com/83908329/219256841-661595c4-881d-4b2a-8480-2b4748f56af8.png)
+
+저장 후 db에 데이터를 넣어줍니다.
+
+![db 데이터 확인](https://user-images.githubusercontent.com/83908329/219256944-78757766-0c2c-4a0c-833c-e1a9badef723.png)
+
+## 위젯 설정하기
+
+![위젯 데이터 선택 이미지](https://user-images.githubusercontent.com/83908329/219269045-b32141dd-8c6e-4ab4-9ea2-6abfcab69653.png)
+![위젯 타입 선택 이미지](https://user-images.githubusercontent.com/83908329/219269059-f1d8d4e3-2d6e-4620-9beb-464d49edbe3d.png)
+![위젯 속성 이미지](https://user-images.githubusercontent.com/83908329/219269051-56951fbd-1a71-400e-9458-ef1a3c7df246.png)
+
+
+
+
+
+