๐ SSAFY 9๊ธฐ 2ํ๊ธฐ ๊ณตํต ํ๋ก์ ํธ ๐
WEB-RTC ๊ธฐ์ ์ ํ์ฉํ ์๋น์ค๋ฅผ ๊ฐ๋ฐํด๋ณด์
2023.07.10 ~ 2023.08.18 (6์ฃผ)
"์ทจ๋ฏธ๋ฅผ ๊ณต์ ํ๋ ค๋ฉด ๊ผญ ๋ง๋์ผํด? ๋๋ฌด ๋ถ๋ด์ค๋ฌ์ด๋ฐ..."
๊ธฐ์กด์ ์ทจ๋ฏธ ๊ณต์ ์๋น์ค๋ค์ ์คํ๋ผ์ธ ๋ชจ์์ ์ ์ ๋ก ์๋น์คํ๊ธฐ ๋๋ฌธ์ ๋ฏ์ ์ฌ๋๊ณผ์ ๋ง๋จ์ด ๋ถ๋ด๋๊ณ ์๊ฐ์ ๋ณด๋ค ๋ ๋ง์ด ํฌ์ํ๊ฒ ๋๋ ๋จ์ ์ด ์์ต๋๋ค. Aquh์์๋ ๊ฐ๋ณ๊ฒ ๋ค์ํ ์ทจ๋ฏธ๋ฅผ ๊ณต์ ํ ์ ์์ต๋๋ค.
"ํ์ ํ๋ฉด์ผ๋ก๋ ์ถฉ๋ถํ ํจ๊ป ํ ์ ์๋ ์ทจ๋ฏธ๋ ๋ง์ ๊ฒ ๊ฐ์๋ฐ!"
๋จ๊ฐ์ง, ๋๋ก์ ๋ฑ์ ๊ณต์ ๋ถ์ผ ์ทจ๋ฏธ๋ ์ถ๊ตฌ, ๋๊ตฌ ๋ฑ ์ผ์ธ ์คํฌ์ธ ์ด๋์ด๋๋ผ๋ ๋๊ตฌ/์ท ์ฐฉ์ฉ๋ฒ์ด๋ ๊ตฌ๋งค ์ ๋น๊ต ๋ฑ ์จ๋ผ์ธ ์ ๋ณด ๊ณต์ ๋ง์ผ๋ก ์ถฉ๋ถํ ๊ฒฝ์ฐ๋ค์ด ์์ต๋๋ค.
"์ด๋ฐ ์ทจ๋ฏธ๋ ๊ฐ์ด ํ ๋งํ ์ฌ๋๋ค์ด ์๋ค..."
๋์ค์ ์ผ๋ก ๋ง์ด ์ฆ๊ธฐ๋ ์ทจ๋ฏธ๊ฐ ์๋, ์์ ๋ง์ ํน๋ณํ ์ทจ๋ฏธ๋ ์ ๊น ๊ด์ฌ์ด ์๊ธด ๋ถ์ผ๋ฅผ ๊ฐ๋ณ๊ฒ ์ ํ๋ ์ฉ๋๋ก Aquh๋ฅผ ์ด์ฉํ ์ ์์ต๋๋ค. AI ์ธ๋ค์ผ ์์ฑ์ผ๋ก ์ฝ๊ฒ ํน๋ณํ ์ทจ๋ฏธ๋ฅผ ๋ํ๋ผ ์ ์์ต๋๋ค.
FrontEnd | BackEnd | Database | Infra |
---|---|---|---|
Node.js 18.16.1 | Java 17 (Azul Zulu version 17.0.7) | PostgreSQL | AWS EC2 (Ubuntu 20.04 LTS) |
React.js 18.2.0 | Spring Boot 3.1.1 | Dbeaver | AWS S3 Bucket |
react-dom 18.2.0 | Gradle 8.1.1 | Redis | Nginx 1.18.0 |
react-icons 4.10.1 | JPA | MongoDB | Jenkins 2.401.2 LTS |
react-modal 3.16.1 | IntelliJ IDEA 2023.1.3 (Ultimate Edition) |
Docker 23.0.6 | |
react-router-dom 6.14.2 | lombok | Docker Compose 2.17.3 | |
react-scripts 5.0.1 | |||
react-select 5.7.4 | JWT | ||
Axios 1.4.0 | |||
Recoil 0.7.7 | |||
recoil-persist 5.1.0 | |||
styled-components 6.0.6 | |||
yarn 1.22.19 | |||
openvidu-browser 2.28.0 | |||
web-vitals 2.1.4 |
Lv1. ์๊ธฐ๋ฐฉ์ธ | Lv2. ์ฑ์ธ๋ฐฉ์ธ | Lv3. ๊ธฐ์ฌ๋ฐฉ์ธ | Lv4. ๋ถ์๋ฐฉ์ธ | Lv5. ์๊ธ๋ฐฉ์ธ |
---|---|---|---|---|
์๊ตฌ์ฌํญ๋ช ์ธ์ | API ๋ช ์ธ์ | ์ฌ๋ณผ ์์ธ |
---|---|---|
์์ด์ด ํ๋ ์ | ๋ชฉ์ ๋์์ธ | ERD |
---|---|---|
์์คํ ๊ตฌ์กฐ๋ | ๊ฐํธ์ฐจํธ | ์ง๋ผ ์ด์ |
---|---|---|
2์ฃผ์ฐจ ์คํ๋ฆฐํธ | 3์ฃผ์ฐจ ์คํ๋ฆฐํธ | 4์ฃผ์ฐจ ์คํ๋ฆฐํธ |
---|---|---|
5์ฃผ์ฐจ ์คํ๋ฆฐํธ | 6์ฃผ์ฐจ ์คํ๋ฆฐํธ |
---|---|
๐ฆFront-End
โ ๐aquh
โ โฃ ๐.cert
โ โฃ ๐.storybook
โ โฃ ๐.vscode
โ โฃ ๐.yarn
โ โ โฃ ๐releases
โ โฃ ๐public
โ โ โฃ ๐favicon
โ โฃ ๐src
โ โ โฃ ๐assets
โ โ โฃ ๐components
โ โ โ โฃ ๐bubble
โ โ โ โฃ ๐feed
โ โ โ โฃ ๐search
โ โ โ โฃ ๐ui
โ โ โ โฃ ๐users
โ โ โ โ ๐video
โ โ โ โ โฃ ๐chat
โ โ โ โ โฃ ๐tool
โ โ โฃ ๐font
โ โ โฃ ๐pages
โ โ โฃ ๐store
โ โ โฃ ๐stories
โ โ โฃ ๐utils
โ โ โ โฃ ๐api
๐ฆBack-End
โ ๐8alette
โ โฃ ๐convention
โ โฃ ๐gradle
โ โ โ ๐wrapper
โ โฃ ๐src
โ โ โฃ ๐main
โ โ โ โฃ ๐java
โ โ โ โ โ ๐com
โ โ โ โ โ โ ๐ssafy
โ โ โ โ โ โ โ ๐team8alette
โ โ โ โ โ โ โ โฃ ๐domain
โ โ โ โ โ โ โ โ โฃ ๐bubble
โ โ โ โ โ โ โ โ โ โฃ ๐session
โ โ โ โ โ โ โ โ โ โ โฃ ๐controller
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐handler
โ โ โ โ โ โ โ โ โ โ โฃ ๐exceptionjava
โ โ โ โ โ โ โ โ โ โ โฃ ๐model
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐dto
โ โ โ โ โ โ โ โ โ โ โ โ โฃ ๐key
โ โ โ โ โ โ โ โ โ โ โ โ โฃ ๐request
โ โ โ โ โ โ โ โ โ โ โ โ โฃ ๐response
โ โ โ โ โ โ โ โ โ โ โ โ ๐entity
โ โ โ โ โ โ โ โ โ โ โฃ ๐repository
โ โ โ โ โ โ โ โ โ โ โ ๐service
โ โ โ โ โ โ โ โ โ โ ๐tools
โ โ โ โ โ โ โ โ โ โ โฃ ๐controller
โ โ โ โ โ โ โ โ โ โ โฃ ๐model
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐dto
โ โ โ โ โ โ โ โ โ โ โ โ โฃ ๐key
โ โ โ โ โ โ โ โ โ โ โ โ โฃ ๐request
โ โ โ โ โ โ โ โ โ โ โ โ โ ๐response
โ โ โ โ โ โ โ โ โ โ โ โ ๐entity
โ โ โ โ โ โ โ โ โ โ โฃ ๐repository
โ โ โ โ โ โ โ โ โ โ โ ๐service
โ โ โ โ โ โ โ โ โฃ ๐feed
โ โ โ โ โ โ โ โ โ โฃ ๐controller
โ โ โ โ โ โ โ โ โ โ โฃ ๐handler
โ โ โ โ โ โ โ โ โ โฃ ๐exception
โ โ โ โ โ โ โ โ โ โ ๐model
โ โ โ โ โ โ โ โ โ โ โฃ ๐dao
โ โ โ โ โ โ โ โ โ โ โฃ ๐dto
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐entity
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐key
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐request
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐response
โ โ โ โ โ โ โ โ โ โ โ ๐service
โ โ โ โ โ โ โ โ โฃ ๐hashtag
โ โ โ โ โ โ โ โ โ โ ๐model
โ โ โ โ โ โ โ โ โ โ โ ๐dto
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐Entity
โ โ โ โ โ โ โ โ โ โ โ โ ๐Key
โ โ โ โ โ โ โ โ โฃ ๐member
โ โ โ โ โ โ โ โ โ โฃ ๐alarm
โ โ โ โ โ โ โ โ โ โ โฃ ๐controller
โ โ โ โ โ โ โ โ โ โ โ ๐model
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐dao\
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐dto
โ โ โ โ โ โ โ โ โ โ โ โ ๐service
โ โ โ โ โ โ โ โ โ โฃ ๐auth
โ โ โ โ โ โ โ โ โ โ โฃ ๐controller
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐handler
โ โ โ โ โ โ โ โ โ โ โฃ ๐exception
โ โ โ โ โ โ โ โ โ โ โฃ ๐model
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐dao
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐dto
โ โ โ โ โ โ โ โ โ โ โ โ ๐service
โ โ โ โ โ โ โ โ โ โ โ ๐util
โ โ โ โ โ โ โ โ โ โฃ ๐follow
โ โ โ โ โ โ โ โ โ โ โฃ ๐controller
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐handler
โ โ โ โ โ โ โ โ โ โ โฃ ๐exception
โ โ โ โ โ โ โ โ โ โ โ ๐model
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐dao
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐dto
โ โ โ โ โ โ โ โ โ โ โ โ โ ๐Entity
โ โ โ โ โ โ โ โ โ โ โ โ ๐service
โ โ โ โ โ โ โ โ โ โฃ ๐record
โ โ โ โ โ โ โ โ โ โ โฃ ๐controller
โ โ โ โ โ โ โ โ โ โ โ ๐model
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐dao
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐dto
โ โ โ โ โ โ โ โ โ โ โ โ โฃ ๐entity
โ โ โ โ โ โ โ โ โ โ โ โ โ ๐response
โ โ โ โ โ โ โ โ โ โ โ โ ๐service
โ โ โ โ โ โ โ โ โ โ ๐report
โ โ โ โ โ โ โ โ โ โ โฃ ๐controller
โ โ โ โ โ โ โ โ โ โ โ ๐model
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐dao
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐dto
โ โ โ โ โ โ โ โ โ โ โ โ ๐service
โ โ โ โ โ โ โ โ โ ๐symbol
โ โ โ โ โ โ โ โ โ โฃ ๐controller
โ โ โ โ โ โ โ โ โ โ ๐model
โ โ โ โ โ โ โ โ โ โ โฃ ๐dao
โ โ โ โ โ โ โ โ โ โ โฃ ๐dto
โ โ โ โ โ โ โ โ โ โ โ โฃ ๐grant
โ โ โ โ โ โ โ โ โ โ โ โ โฃ ๐entity
โ โ โ โ โ โ โ โ โ โ โ โ โฃ ๐key
โ โ โ โ โ โ โ โ โ โ โ โ โฃ ๐request
โ โ โ โ โ โ โ โ โ โ โ โ โ ๐response
โ โ โ โ โ โ โ โ โ โ โ โ ๐symbol
โ โ โ โ โ โ โ โ โ โ โ ๐service
โ โ โ โ โ โ โ โฃ ๐global
โ โ โ โ โ โ โ โ โฃ ๐annotation
โ โ โ โ โ โ โ โ โฃ ๐config
โ โ โ โ โ โ โ โ โฃ ๐exception
โ โ โ โ โ โ โ โ โฃ ๐handler
โ โ โ โ โ โ โ โ โฃ ๐interceptor
โ โ โ โ โ โ โ โ โ ๐util
โ โ โ โ ๐resources
โ โ โ ๐test
โ โ โ โ ๐java
โ โ โ โ โ ๐com
โ โ โ โ โ โ ๐ssafy
โ โ โ โ โ โ โ ๐team8alette
๐ฆDataBase
โฃ ๐AQuh.sql
โฃ ๐sybol_table.sql
โ ๐symbol data.xlsx
๊ฐ์๋ฏผ(ํ์ฅ) | ๊น์ฌ์ | ๋ฐ์ง์ | ์คํํ | ์กฐ์ฑ๋ฝ | ์ต๊ทํธ |
---|---|---|---|---|---|
BackEnd PM |
BackEnd Infra |
FrontEnd Design |
FrontEnd PM |
BackEnd | BackEnd |
BackEnd
๊ฐ์๋ฏผ
- Database
- ERD ์์ฑ
- PostgreSQL ๊ตฌ์ถ
- MongoDB(์ฑํ ) ๊ตฌ์ถ
- Redis ๊ตฌ์ถ
- ๋์์ธ
- ๋ชฉ์ ๋์์ธ ์ธ์คํด์ค ์ ์ฉ
- ์ฑํ ๋์์ธ
- API
- ํฌํ ๊ธฐ๋ฅ
- OX ๊ธฐ๋ฅ
- ๋ฒ ์คํธ๋ฉค๋ฒ ์ ์ ๊ธฐ๋ฅ
- Todo ๊ธฐ๋ฅ
- ์ฑํ ๊ธฐ๋ฅ (Spring WebFlux
- FE
- ์ฑํ ๊ตฌํ
- OpenVidu ์นด๋ฉ๋ผ,๋ง์ดํฌ on/off ๊ธฐ๋ฅ
๊น์ฌ์
- Infra
- Gitlab - jenkins CI/CD ๊ตฌ์ถ
- EC2, Dokcer ์๋ฒ ๊ตฌ์ถ
- OpenVidu ์ ์ฉ ๋ฐ ๊ธฐ๋ณธ ์ฝ๋ ๊ตฌํ
- FE : ๋ฒ๋ธ ์์ธ, ํ์์ฑํ ๋ฐฉ
์กฐ์ฑ๋ฝ
- SpringBoot
- JPA
- API
- ํ์ : ๊ฐ์ , ํํด, ๋ก๊ทธ์ธ, ์์
- ๋ฒ๋ธ : ์์ฑ, ์์, ์ข ๋ฃ
- FE
- Recoil
์ต๊ทํธ
- SpringBoot
- JPA
- API
- ์ฌ๋ณผ
- ๋ง์ดํ์ด์ง
- ํผ๋
FrontEnd
๋ฐ์ง์
- ๋์์ธ
- ์์ด์ด ํ๋ ์
- ๋ชฉ์
- ์ผ๋ฆญํฐ
- FE
- ๋ฉ์ธํ์ด์ง
- ๋ก๊ทธ์ธ
- ๋ง์ดํ์ด์ง
- ๋ฒ๋ธ ์์ฑ
- ๋ฒ๋ธ ๋ฆฌ์คํธ
- ๋ฒ๋ธ ์์ธ
์คํํ
- ๋์์ธ
- ์์ด์ด ํ๋ ์
- ๋ชฉ์
- FE
- ํ์๊ฐ์
- ํผ๋
- ๋ฒ๋ธ ์ฐธ์ฌ
- ๋ฒ๋ธ ๋ด๋ถ
๊ฐ์๋ฏผ
ํ๋ก์ ํธ์ ์ฌ์ฉํ ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ์ ๋ถ ๋ด๋นํ๋๋ฐ, ์์ฃผ ์ข์ ๊ฒฝํ์ด ๋ ๊ฒ ๊ฐ์ต๋๋ค.
ERD์์ฑ๋ถํฐ PostgreSQL ์ฌ์ฉ, JWT ํ ํฐ์ ์ํ Redis ์ฌ์ฉ, ์ค์๊ฐ ์ฑํ ์ ์ํ MongoDB ์ฌ์ฉ์ผ๋ก ์ด์ ์ฌ๋งํ ๋ฐ์ดํฐ๋ฒ ์ด์ค ์ฌ์ฉ์ ๋ฌด๋ฆฌ ์์ด ์ ์ฉํ ์ ์์ ๊ฒ ๊ฐ์ต๋๋ค.
๋ฐฑ์๋ ๋ด๋น์ผ๋ก ์์ํ์ง๋ง ์คํ๋ง ๋ถํธ์ ๋ฆฌ์กํธ๋ฅผ ๊ฑฐ์ ๋ฐ๋ฐ ๋งก๊ฒ๋์ด์ ํ๋ค๊ธฐ๋ ํ์ง๋ง ์ข์ ๊ฒฝํ์ด ๋์์ต๋๋ค. ์คํ๋ง ๋ถํธ์ JPA์ ๋ํด์ ์ข ๋ ํ์ต์ด ํ์ํ๋ค ๋๊ผ๊ณ , ๋ฆฌ์กํธ๋ฅผ ๊ฑฐ์ ๊ฐ๋ ์ ๋ชจ๋ฅด๊ณ ํ๋ก์ ํธ ๊ตฌํ์ ๊ธ๊ธํด์ ์ก์๋๋ ์ ๋๋ก ๋ฐฐ์ฐ๊ณ ์ถ๋ค๋ ์์ฌ์ด ์๊ฒผ์ต๋๋ค.
๋ค์ ํ๋ก์ ํธ์์๋ ๋ฐฑ์๋๋ฅผ ๋ณด์กฐํ๋ฉฐ ํ๋ก ํธ ๊ฐ๋ฐ์ ๋ฉ์ธ์ผ๋ก ์งํํ ๊ฒ ๊ฐ์ต๋๋ค.
๊น์ฌ์
์๋ฐ ๋ฐฑ์๋์์ ๋ฒ์ด๋ ์ธํ๋ผ๋ฅผ ๋ด๋นํ๊ฒ ๋๋ฉด์ ๋ง์ ์ด๋ ค์๋ ์์์ผ๋ ์คํ๋ ค ๋์ฑ ์ฑ์ฅํ๋ ๊ณ๊ธฐ๊ฐ ๋์์ต๋๋ค.
AWS, Docker Container, ๋คํธ์ํฌ ๋ฑ ๋ฐฑ์๋์ ํ์์ ์ธ ์ง์์ ๋ฐฐ์ ๊ณ CICD๋ฅผ ๋งก์ ๋๋ถ์ ํ๋ก ํธ์ ๋ฐฑ๊ณผ ๊ธด๋ฐํ ์ํตํ ๊ธฐํ๊ฐ ๋ง์ ์ปค๋ฎค๋์ผ์ด์ ๋ฅ๋ ฅ๋ ๋ง์ด ๊ธฐ๋ฅผ ์ ์์์ต๋๋ค.
๋ค์ ํ๋ก์ ํธ์๋ ์๋ฐํ๊ฒฝ์์ ๋ฒ์ด๋ C#, ๋ท๋ทํ๋ ์์ํฌ๋ฑ ๋์ฑ ๋๊ณ ๋ค์ํ ํ๊ฒฝ์์ ๊ฐ๋ฐํด๋ณด๊ณ ์ถ์ต๋๋ค.
๋ฐ์ง์
๋ฆฌ์กํธ๋ฅผ ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉฐ ๋ฐ๋ก ๋ฐฐ์ฐ๊ณ ์ ์ฉํ๊ธฐ ๋๋ฌธ์ ์ด๋ฐ์ ๋ง์ด ๋ฒ ์ฐจํ๋ ๊ฒฝํ์ด ๋ ์ค๋ฆ ๋๋ค.
๋น๋ก ์ด๋ฐ ๋ฏ์ ํ๊ฒฝ ์์์ ์ ์ํ๋๊ฒ์ด ํ๋ค์์ง๋ง, ํ๋ฅญํ ํ์๋ค ๋์ ํผ์์๋ ํด๋ณธ์ ์๋ ๊ธฐ์ ๋ค์ ์ ์ฉํ๊ณ ๋ฐฐ์ธ ์ ์๋ ์๊ฐ์ด์ด์ ๋ป๊น์์ต๋๋ค.
๋ฆฌ์กํธ๋ฅผ ์ฌ์ฉํ๋ ์ด์ ๋ฅผ ๊นจ์ฐ์น๊ณ , ๋ฆฌ์กํธ๋ฅผ ์ ๊ทน์ ์ผ๋ก ํ์ฉํ๋ฉด์ ์ด๋ป๊ฒํ๋ฉด ๋ ์ฝ๋๋ฅผ ์ ์งค ์ ์๋์ง ๊ณ ๋ฏผํ๊ณ ์ ์ฉํ๋ ๊ณผ์ ์ด ์ ๋ง ์ฌ๋ฐ๋ค๊ณ ๋๊ผ์ต๋๋ค.
๋ค์ ํ๋ก์ ํธ์์๋ ํ๋ก ํธ์๋์ ๊ด๋ จ๋ ๋ ๋ค์ํ ๊ธฐ์ ๋ค์ ์ ๊ทน์ ์ผ๋ก ํ์ตํ์ฌ ์ ์ฉํ๊ณ ์ถ์ต๋๋ค.
์คํํ
2ํ๊ธฐ ์ฒซ ํ๋ก์ ํธ์ ์์์ผ๋ก ํ๋ ํธ์์ ํจ๊ป ํ ์๊ฐ๋ค์ด ์ฌ๋ฌ๋ชจ๋ก ๋ง์ ๊ฒฝํ๊ณผ ์ถ์ต์ผ๋ก ๋จ์ ๊ฒ ๊ฐ์ต๋๋ค.
์ด๋ฒ ๊ธฐํ์ ๋ฐฐ์ฐ๊ณ ๋๋ ์ ๋ค์ ํ ๋๋ก ๋ค์ ํ๋ก์ ํธ์๋ ๋ ์ฑ์ฅํ ๊ฐ๋ฐ์๊ฐ ๋๊ณ ์ถ์ต๋๋ค !
๋ค๋ค ์๊ณ ํ์ จ์ต๋๋ค.
์กฐ์ฑ๋ฝ
ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉด์ ์ค๋ ฅ๋ ๋ง์ด ์ฌ๋์ง๋ง ๋ถ์กฑํ ๋ถ๋ถ์ด ๋ง๋ค๋ ๊ฒ์ ๋๊ผ์ต๋๋ค.
JPA์ ๊ฐ๋ , ์ฌ์ฉ๋ฒ์ด๋ผ๋์ง, ์คํ๋ง์์ฒด์ ๋ํ ์ดํด๋, DTO, ENTITY, VO์ ๊ตฌ๋ถ, ์คํ๋ง์ํ๋ฆฌํฐ ๋ฑ ๋ง์ ๋ถ๋ถ๋ค์ ๋ ํ์ตํด์ผํจ์ ๋๊ผ์ต๋๋ค.
๋ค์ ํ๋ก์ ํธ๋๋ ์ด๋ฐ ๋ถ์กฑํ ๋ถ๋ถ๋ค์ ์ฑ์์ ์ข๋ ์์ฑ๋ ์๋ ๋ฐฑ์๋ ์๋ฒ๋ฅผ ๊ตฌํํด๋ณด๊ณ ์ถ์ต๋๋ค.
์ต๊ทํธ
๋ฐฉํ๋ ์กฐ๊ธ ๋ ์ด์ฌํ ๊ณต๋ถ๋ฅผ ํ์ผ๋ฉด 2ํ๊ธฐ ์ฒซ ํ๋ก์ ํธ๋ฅผ ์กฐ๊ธ ๋ ์ํ ์ ์์ง ์์์๊น ๋ผ๊ณ ์๊ฐ์ ํฉ๋๋ค.
์ด๋ฒ ํ๋ก์ ํธ๋ฅผ ํตํด์ JPA ๋งคํ ๋ถ๋ถ์ ๋ํด์ ๋ง์ด ์ ์ ์์๊ณ , ์ฝ๋๋ฅผ ์ฒ์ ์์ฑํ ๋ ๋๊ตฌ๋ ์์ ๋ณผ ์ ์๊ฒ ์ฝ๋๋ฅผ ์์ฑํ๋ ๋ฅ๋ ฅ, ๋ฆฌํฉํ ๋ง, ๋๋ฒ๊น ํ๋ ๋ถ๋ถ์ ๋ง์ด ํ์ตํด์ผ ํ ๊ฒ ๊ฐ์ต๋๋ค.
2์ฐจ ํ๋ก์ ํธ๋ ํ๋ก ํธ๋ฅผ ๋งก์์ REACT ํ๋ ์์ํฌ์ ๋ํด์ ๋ง์ ๊ณต๋ถ๋ฅผ ํตํด ๊ธฐ๋ฅ์ ์๋ฒฝํ ๊ตฌํ ํ ์ ์๋๋ก ๋ ธ๋ ฅํด๋ณด๊ฒ ์ต๋๋ค.