---
# System prepended metadata

title: Meeting 0803
tags: [Meeting]

---

# Meeting 0803

## Meeting Abstract
1. Assignment check
2. Modify sprint plan
3. Enter the github organization
4. Introduce to React structure

## Assignment Check
- [Team Intro Web](/KUBi0QKvQn6kktL6sguM-Q)

### 劉長諺
- 把 script 另外寫到新的JS檔
- 把點點改成星星

### 王鈞宇
- 新增有關 border-bottom-right-radius 的筆記

### 陳宏瑜
- 新增點擊圖片可做切換表情的動畫

### 林彥均
- personal blog 加上 rwd
- link 加 eventListener("mouseover", changeColar())
- 寫切換裝置工具列等 docs

### 翁世華
- 完成 personal web to-do list
- 完成 personal web 開發
- 完成 personal web 部署

## Sprint plan

### Sprint 2
- Duration: 7/27 ~ 8/10
- Learn javascript (basic syntax, object, event lisenter, DOM, API fetch)
- Start to develop [team web](https://hackmd.io/@ntouweb/HJWCDtGYR)

### Sprint 3
- Duration: 8/10 ~ 8/24
- Learn React.js

### Sprint 4
- Duration: 8/24 ~ 9/7
- Learn React.js
- Complete team web


## Github Organization

### Pull Request
![image](https://hackmd.io/_uploads/r1FwYn_Y0.png =80%x)

### Git command
- Checkout existed branch: `git checkout [branch-name]`
- Create and checkout new branch: `git checkout -b [branch-name]`
- Get remote git branch: `git pull origin [remote-branch-name]`


## React Lib Structure

### Index
```htmlembedded=
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="./src/assets/image.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Web Title</title>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>
```

### Main
```typescript=
import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import './index.css';

ReactDOM.createRoot(document.getElementById('root')).render(
    <React.StrictMode>
      <App />
    </React.StrictMode>
);
```

### App
```typescript=
function App() {
    return (
        <div className={style.App}>
            <main>
                <h1>This is a react web app</h1>
            </main>
        </div>
    );
}
export default App;
```