---
# System prepended metadata

title: 南7組 - 第四週小組任務
tags: [軟體工程師體驗營 - 2023, 南7組, 六角學院]

---

# 南7組 - 第四週小組任務
### 1. 參與人員
- [x] 阿榮#8277
- [ ] Charlene#7703
- [x] Uli#1946
- [x] Tina02#2691
- [x] Abby艾比比#0519
- [ ] Jerry456789#9029
- [ ] penny#6214


### 2. 挑戰任務
#### 第一題 串接臺南市國小各校人數統計
API 資料：https://data.tainan.gov.tw/dataset/pimary-number-people/resource/3b3e2b37-cbce-49ba-aba6-7f3d5fa8bec9

使用 axios 套件做資料串接，並 console.log() 拿到 data 內的資料。

#### 第二題 承上題
臺南市總共有幾個國小？
大甲國小有多少學生？

#### 🗒️完成名單
| 組員名稱    | 作品連結 |
| ----------- | --------------- |
| 阿榮#8277   | [Codepen](https://codepen.io/codeitaday/pen/dygrWPW?editors=0012) | 
| Abby艾比比#0519  | [Codepen](https://codepen.io/iamabbyla/pen/vYVMVoj?editors=1111) | 
| Uli#1946   | [Codepen](https://codepen.io/uli1313/pen/rNqgWZa)|
| Jerry456789#9029   | [Codepen](https://codepen.io/aria198a/pen/wvYLMYo)|
| Tina02#2691   | [Codepen](https://codepen.io/chjitlox-the-bashful/pen/PoxqbpL)|



#### 🗣️討論內容
|NO.|問題|結論|
|:-:|-----|-------|
|1|for, forEach, map 的差別|1. forEach 和 map 中只有 forEach 方法可以被中斷。當你在 forEach 迴圈中使用 return 語句時，它會提前結束當前的迭代並跳出迴圈。<br> 2. 在 JavaScript 的 forEach 方法中，無法使用 continue 和 break 關鍵字來控制迴圈的流程。<br> 3. map 會回傳一個新的陣列。|
|2|資料中學校名稱有空白|使用 trim 處理|

### 3. 其他討論: 分享切版任務二進度

#### 🗒️進度分享
| 組員名稱    | 作品連結 |
| ----------- | --------------- |
| Uli#1946 | [Repo](https://github.com/Uli1313/AiTools) [Pages](https://uli1313.github.io/AiTools/)|
|阿榮#8277|[Github](https://github.com/Peg-L/hexSchool-Task2)|
|Tina02#2691|[Pages](https://tg-tina02.github.io/AI-tools/index.html)|


#### 🗣️討論內容
|NO.|問題|結論|
|:-:|-----|-------|
|1|作業討論區的提問: 切版任務 Day23_偽元素|
|2|position: sticky 用法|[Sticky position 文章](https://ithelp.ithome.com.tw/articles/10241079)|
|3|寫 RWD 部分常常要查看設計稿比對|1. 在一開始先記錄好差異|
|4|bootstrap 客製化字體樣式命名|非大量的使用的，可以直接寫在 css 內就好|

### 4. 語音 & 文字討論紀錄
![](https://hackmd.io/_uploads/S1vHJmNLn.png)
![](https://hackmd.io/_uploads/rJIDJQE82.png)
![](https://hackmd.io/_uploads/SyfY1mELh.png)


###### tags: `軟體工程師體驗營 - 2023` `六角學院` `南7組`