---
# System prepended metadata

title: 實習日記12/19~12/23
tags: [實習日記]

---

---
tags: 實習日記
---
[TOC]
# 實習日記12/19~12/23

## 紅綠燈成果
![](https://i.imgur.com/2R1amVB.jpg)
![](https://i.imgur.com/mu6XNDf.jpg)
### 過程
1. json檔案的產生
- 先利用realpath指令產生每張圖片的路徑
![](https://i.imgur.com/bzH7hfe.png)
- 再利用python做字串切割，並輸出json格式
![](https://i.imgur.com/NbydER4.png)

2. 放到對應的檔案裡，即可看到成果
### 碰到的問題
1. 照片無法成功顯示
    -> 要把照片放到public底下，才可以存取到
2. 影片的編號不會由小排到大，0,240,60，導致紅綠燈順序不對
    -> 利用python把每一組照片的編號，塞選出來並排列，按照排列結果輸出綠燈、黃燈、紅燈
![](https://i.imgur.com/5YdHkUe.png)
![](https://i.imgur.com/6PKYvCK.png)

![](https://i.imgur.com/keYlwH2.png)


## React學習
1. vite
2. https://www.youtube.com/watch?v=Ke90Tje7VS0&t=8054s
3. https://www.youtube.com/watch?v=zqV7NIFGDrQ&t=4067s
