---
# System prepended metadata

title: 111-2 Lecture

---

# 111-2 Lecture

## 2023/03/17
### Overview of Website technology
#### Fontend
- Framework
    - [React](https://react.dev/)
    - [Nextjs](https://nextjs.org/)
- CSS
    - [MaterialUI](https://mui.com/)
    - [Tailwind](https://tailwindcss.com/)
- Connect to Backend
    - HTTP: axios, fetch
    - websocket: WebSocket
    - Graphql: [apollo-graphql](https://www.apollographql.com/docs/react/)
- Others:
    - [threejs](https://threejs.org)
    - [gatsby](https://www.gatsbyjs.com)
#### Backend
- Framework
    - [Express](https://expressjs.com/)
- Others
    - websocket: ws
    - Graphql: [apollo-graphql](https://www.apollographql.com/docs/apollo-server/)
- Connect to DB:
    - mongo: [mongoose](https://mongoosejs.com)
    - sql: [prisma](https://www.prisma.io)

## 2023/03/10
### [Mongoose](https://mongoosejs.com/docs/documents.html)
docker-compose.yml
```
version: "3.4"

services:
  mongodb:
    image: mongo
    ports:
      - "27017:27017"

```
- docker-compose up -d
- docker-compose down


### Promise & async & await

### [Prisma](https://www.prisma.io/docs)