DDOKBUNμ μ€λ§νΈ νλΆμ ν΅ν΄ μλ¬Ό κ΄λ¦¬ μλΉμ€λ₯Ό μ 곡νκ³ , μλ¬Ό, νλΆμ ν맀νλ Eμ»€λ¨Έμ€ νλ«νΌμ λλ€.
μ¬μ©μλ λ³ΈμΈμ LIFE μ€νμΌμ λ§κ² μλ¬Όμ μΆμ²λ°μ μ μμΌλ©°, νλΆ κ΄λ¦¬ μμ€ν μ ν΅ν΄ ν¨μ¨μ μΌλ‘ μλ¬Όμ κ΄λ¦¬ν μ μμ΅λλ€.
- 2022.10.10(μ) ~ 2022.11.18(κΈ)
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
νμ₯, Frontend | Frontend | Frontend | Backend | Backend | Backend |
μ νμ | κΉμ±λ¦¬ | ν건λ | μκ΄μ§ | μ΄λμ± | μ΄μ¬ν |
IoT μ€λ§νΈ νλΆ
-
μ€λ§νΈ νλΆ(Ddokbun)
- μλμ΄λ Έ, λΌμ¦λ² 리νμ΄λ‘ μ체 μ μν μ€λ§νΈ νλΆ
- Kafkaλ₯Ό νμ©νμ¬ μλλ¬Όμ£ΌκΈ°, λ°μ΄ν° κ΄λ¦¬, μΆμ² λ±μ κΈ°λ₯ μ 곡
-
λ°μ΄ν° μμ§ / λ°μ΄ν° μκ°ν
- μ΄μ©μμ μ€λ§νΈ νλΆ νκ²½μ λν ν μ μ΅λ, κ΄λ, μ¨λ, μ΅λ λ°μ΄ν° μμ§
- Sparkλ₯Ό νμ©νμ¬ μ¬μ©μ λ°μ΄ν°λ₯Ό λΆμ°μ²λ¦¬
- μμ§λ λ°μ΄ν°λ₯Ό Chart.jsλ₯Ό νμ©νμ¬ μ΄μ©μκ° νλμ 보기 μ½κ² μκ°ν
-
μλ λ¬Όμ£ΌκΈ°
- Kafka Brokerμ λ©μμ§λ₯Ό λ°ν
- Topicμ λν λ μ½λλ‘, μλμ΄λ Έμ ν΅μ
- FCMμ μ΄μ©ν΄ μ¬μ©μμ κΈ°κΈ°μ μλ¦Ό μ μ‘
-
μ€λ§νΈνλΆ κΈ°λ° μΆμ²
- μ΄μ©μμ μ€λ§νΈ νλΆ λ°μ΄ν°λ₯Ό νμ©ν λ°μ΄ν° λΆμμ ν΅νμ¬ μ¬μ©μ νκ²½μ μ ν©ν μλ¬Ό μΆμ²
- λΆμ°μ²λ¦¬λ λ°μ΄ν°λ₯Ό λ°νμΌλ‘ μ μ²λ¦¬ λ° λ²‘ν°λΌμ΄μ§. Sikit-Learnμ νμ©ν λ¨Έμ λ¬λμ λ°νμΌλ‘ μλ¬Ό μΆμ²
-
λμ§νΈ νΈμ
- Three.js λ₯Ό νμ©νμ¬ μ΄μ©μμ μλ¬Όμ λμ§νΈ νΈμν
- λ¬Ό μ£Όλ λμμ μ λλ©μ΄μ ννμ¬ μλ¬Όμκ² λ¬Όμ μ€ λ μ¬μ©μμ μνΈμμ© μ¦κ°
컀머μ€
-
νν°λ§ / μ€λ¬Έμ‘°μ¬ κΈ°λ° μΆμ²
- μ΄ 4κ°μ§ ν€μλλ₯Ό λ°νμΌλ‘ μ ν©ν μλ¬Ό μ 보λ₯Ό μ 곡
- μ΄λ³΄μ§μ¬ / μ§κΎΈλ―ΈκΈ° / λ°λ €λλ¬Ό / 곡기μ ν
- μ€λ¬Έμ‘°μ¬ λ΄μ©μ λ°νμΌλ‘ νν°λ§νμ¬ μ¬μ©μμκ² μ ν©ν μλ¬Ό μΆμ²
-
κ΄λ¦¬μνμ΄μ§
- κ΄λ¦¬μ νμ΄μ§λ₯Ό ν΅ν΄μ μ΄μ©μ λ°°μ‘μν κ΄λ¦¬
- μ μ κΆν κ΄λ¦¬ λ° μ μ μ 보 κ΄λ¦¬
- ν맀 νν© μ 곡 λ° ν맀λ λ°μ΄ν° μκ°ν
-
κ²°μ (μΉ΄μΉ΄μ€νμ΄)
- μΉ΄μΉ΄μ€ νμ΄ APIλ₯Ό νμ©ν κ²°μ μμ€ν
- λͺ¨λ°μΌ / μΉμ ꡬλΆνμ¬ λλ°μ΄μ€μ μ ν©ν μμ€ν μΌλ‘ κ²°μ
β
-
FrontEnd
- JavaScript ES6
- Typescript
- React 18
- Next.js 12
- Next PWA
- Next SEO
- Redux-toolkit / Redux-wrapper / Redux-persist
- Styled-Components
- Tailwind
- Three.js
- Chart.js
- Framer-motion
- Axios
- Firebase
- ESLint
- Prettier
-
BackEnd
- Spring Boot 2.7.5
- Spring Data JPA
- Spring Security
- Java 11
- QueryDSL
- Firebase
- Redis
- Kafka
- MySQL
- Spark
- Yarn
- YOLO v5
- Scikit Learn
- Pytorch
-
IoT
- Rasbian
-
CI/CD
- AWS EC2
- Docker
- Jenkins
- nginx
- certbot
-
IDE
- VS Code
- IntelliJ
- MySQL Workbench 8.0
frontend
βββ apis
βββ assets
β βββ commerce
β βββ fonts
β βββ icon
β βββ onboarding
βββ common
β βββ Button
β βββ Cards
β βββ Carousel
β βββ DatePick
β βββ Dot
β βββ GetPostsModal
β βββ Graph
β βββ Input
β βββ Labels
β βββ Login
β βββ Modal
β βββ NavCard
β βββ Navbar
β βββ PageTitle
β βββ Spinner
βββ components
β βββ Flower
β βββ admin
β βββ commerce
β βββ manage
β βββ mypage
β βββ search
β βββ welcome
βββ pages
β βββ admin
β βββ commerce
β βββ login
β βββ manage
β βββ manage/[userseq]
β βββ search
β βββ test
β βββ welcome
βββ public
β βββ icons
β βββ models
βββ store
βββ styles
β βββ animations
β βββ commerce
β βββ manage
β βββ manage/[userseq]
β βββ search
β βββ temp
β βββ welcome
βββ types
β βββ admin
β βββ commerce
β βββ search
βββ utils
backend
βββ ddokbun-batch
β βββ conf
β βββ run
βββ ddokbun
β βββ api
β βββ config
β βββ domain
β β βββ ai
β β β βββ dto
β β β βββ service
β β βββ alarm
β β β βββ dto
β β β βββ entity
β β β βββ repository
β β β βββ res
β β β βββ service
β β βββ auth
β β β βββ dto
β β β βββ service
β β βββ cart
β β β βββ dto
β β β βββ entity
β β β βββ repository
β β β βββ service
β β βββ order
β β β βββ dto
β β β βββ entity
β β β βββ repository
β β β βββ service
β β βββ plant
β β β βββ dto
β β β βββ entity
β β β βββ repository
β β β βββ service
β β βββ product
β β β βββ dto
β β β βββ entity
β β β βββ repository
β β β βββ service
β β βββ s3
β β β βββ dto
β β β βββ service
β β βββ survey
β β β βββ dto
β β β βββ entity
β β β βββ repository
β β β βββ service
β β βββ user
β β β βββ dto
β β β βββ entity
β β β βββ repository
β β β βββ service
β βββ exception
β βββ schedule
β βββ utils
β βββ auth
β βββ fcm
β βββ string
βββ ddokbun_consumer
βββ env
βββ config
iot
βββ arduino
βββ raspberry
- λλΆ μλΉμ€λ§μ μ°¨λ³μ κ³Ό μ¬μ© λ°©λ²μ νμ ν μ μλλ‘ νμμ΅λλ€.
-
SEO νμ΄ν νμ΄μ§λ‘μ, μ²μ μ μ μμ μ μ μ κΈμ μ μΈ μΈμμ μ€ μ μλλ‘ μλΉμ€ μ΄λ―Έμ§μ λν μκ°μλ£λ₯Ό μ 곡νλ©°, νλ«νΌ λΈλλ©μ κΈ°ννμμ΅λλ€.
-
λ΄κ° κ°μ§ νλΆμ μΊλ¬μ ννλ‘ νμΈν μ μμΌλ©° λ΄κ° κ°μ§ νλΆμ μ 보λ₯Ό λ°νμΌλ‘ μλ‘μ΄ μλ¬Όμ μΆμ²λ°μ μ μμ΅λλ€.
-
νλΆλ°μ΄ν°κ° μΆ©λΆνμ§ μμ κ²½μ° μ€λ¬Έμ‘°μ¬ / μΉ΄ν κ³ λ¦¬ κΈ°λ° μΆμ²μΌλ‘ μλ‘μ΄ μλ¬Όμ μΆμ²λ°μ μ μλλ‘ μ λνμμ΅λλ€
-
μλ¬Ό κ²μκΈ°λ₯μ νμ©νμ¬ λ΄κ° κ°μ§ μλ¬Όμ μ 보λ₯Ό λΆλ¬μ¬ μ μλλ‘ νμμ΅λλ€.
-
μμ λ§μ μλ¬Όμ΄λ¦μ μ§μ νμ¬ μλ¬Ό λλ€μκΈ°λ°μΌλ‘ κ΄λ¦¬ ν μ μλλ‘ νμμ΅λλ€.
-
λμ§νΈ νΈμ
- Suspenseμ Lazy Loadingμ νμ©νμ¬ Three.jsμ μ±λ₯μ κ°μ νμ¬ UXλ₯Ό ν₯μμν€κ³ μ νμμ΅λλ€.
- Three.jsλ₯Ό νμ©νμ¬ λμ μλ¬Όμ 3Dμλ¬Ό μΊλ¦ν°λ‘ λ λλ§νκ³ , μ¬μ©μμ μΈν°λμ ν μ μλλ‘ νμμ΅λλ€.
- λ¬Όμ£ΌκΈ° λ²νΌμ νμ©νμ¬ IoT μλ¬Όμκ² λ¬Όμ μ€ μ μλλ‘ νμκ³ , λ¬Ό μ£Όλ λμ μ λλ©μ΄μ μ μ€ννμ¬ μ¬μ©μμκ² λ¬Όμ μ£Όκ³ μλ€λ κ²μ νμΈν μ μλλ‘ νμμ΅λλ€.
- μλ λ¬Όμ£ΌκΈ° μ€μ μ DBμ μ μ₯λμ΄ μλ μλ¬Ό μ 보 λ°νμΌλ‘ λ¬Όμ μ£Όλλ‘ ν μ μκ³ , λλ μ¬μ©μκ° μ€μ ν λ μ§μ λ§μΆ° λ¬Όμ μ€ μ μλλ‘ νμμ΅λλ€.
-
λ°μ΄ν° μκ°ν
- λ΄κ° ν€μ°κ³ μλ μλ¬Όμ μ 보λ₯Ό 보μ¬μ£Όμ΄ μ¬μ©μκ° μλ¬Όμ κΈ°λ₯Ό λ λμμ΄ λ μ μλλ‘ νμμ΅λλ€.
- κΈ°λ‘보기λ₯Ό ν΅ν΄ IoTνλΆμ ν΅ν΄ μΈμ λ¬Όμ μ£Όμλμ§ λ¬λ ₯μΌλ‘ νμΈν μ μλλ‘ νμμ΅λλ€.
- IoTνλΆμ νμ©νμ¬ μ¨λ / μ‘°λ / μ΅λ / ν μμ΅λμ λ°μ΄ν°λ₯Ό μκ°ν νμκ³ , μ¬μ©μκ° λ³Ό μ μλλ‘ νμμ΅λλ€.
-
νλΆμ λ¬Ό μ£ΌκΈ°κ° μλ£ λμ λ, λ¬Ό μ€ μκ°μ΄ μ§λ¬μ λ, νλΆ λ¬Όν΅μ λ¬Όμ΄ λΆμ‘±ν λ μ΄μ©μμκ² νΈμ¬μλ μ 곡ν©λλ€
-
Firebaseλ₯Ό νμ©νμ¬ λ°±κ·ΈλΌμ΄λμμ μ€νλκ³ μμ§ μμλμλ μλνμ¬ μλ¬Όκ΄λ¦¬μ λμμ μ€ μ μλλ‘ νμμ΅λλ€.
-
λ°°λλ₯Ό νμ©νμ¬ μ»€λ¨Έμ€μ λ€μν κΈ°λ₯μ μ΄μ©μλ€μ΄ μ½κ² μ κ·Όν μ μλλ‘ νμμ΅λλ€.
-
μ‘°νμ κΈ°λ° μΈκΈ°μλ¬Όμ 보μ¬μ£Όμ΄ μ΄μ©μλ€μ΄ μΈκΈ°μλ μλ¬Όμ νμΈν μ μλλ‘ νμμ΅λλ€.
-
μΉ΄ν κ³ λ¦¬ λ°λ‘κ°κΈ° μΈμλ μΆμ² μνμ 보μ¬μ£Όλ©° νλ«νΌμ΄ μ κΈ°μ μΌλ‘ μ°λλ μ μλλ‘ νμμ΅λλ€.
-
μ½ 200μ¬μ’ μ μλ¬Όμ μ΄λ³΄μ§μ¬ / μ§κΎΈλ―ΈκΈ° / λ°λ €λλ¬Ό / 곡기μ ν λ€κ°μ§ μΉ΄ν κ³ λ¦¬λ‘ λΆλ₯νμ¬ μ¬μ©μλ€μ΄ μμ μ λͺ©μ μ λ§λ μνμ ꡬ맀ν μ μλλ‘ μ λνμμ΅λλ€.
-
μ λλ©μ΄μ μ νμ©νμ¬ λΆλλ¬μ΄ ν¨κ³Όλ₯Ό μ£Όμμ΅λλ€.
-
μνμΉ΄λμ λ§μ°μ€κ° μ¬λΌκ° μ μ λλ©μ΄μ ν¨κ³Όλ₯Ό μ£Όμ΄ μνΈμμ©μ μΆκ°νμμ΅λλ€
-
μΉ΄λλ₯Ό νμ©νμ¬ μλ¬Όμ λν μμ½μ 보λ₯Ό μ 곡νμμ΅λλ€
-
μν λν μΌ νλ©΄μμ λ°λ‘ꡬ맀νκ±°λ μ₯λ°κ΅¬λμ λ΄μ μ μλλ‘ νμμ΅λλ€.
-
μ μ¬ μνμ μΊλ¬μ ννλ‘ μ¬μ©μμκ² μ 곡νμ¬ λ€λ₯Έ μνλ μΆμ²ν μ μλλ‘ νμ΅λλ€.
-
μ€λ¬Έμ‘°μ¬λ₯Ό λ°νμΌλ‘ νν°λ§νμ¬ μ¬μ©μμκ² λ§λ μλ¬Όμ μΆμ²νμμ΅λλ€.
-
forwardRef.focusλ₯Ό νμ©ν΄ λ€μμ§λ¬ΈμΌλ‘ λμ΄κ°κ² νμ¬ UXλ₯Ό ν₯μμν€κ³ μ νμμ΅λλ€.
-
νν°λ§ν μ 보λ₯Ό λ°νμΌλ‘ μλ¬Όμ μΆμ²νμκ³ , μΉ΄λλ₯Ό μ¬μ¬μ©νμ¬ μμ°μ±μ λμμ΅λλ€.
-
Reduxλ₯Ό νμ©νμ¬ μλ‘κ³ μΉ¨ μμ΄λ μ₯λ°κ΅¬λ μ λ³΄κ° κ°±μ λλλ‘ νμμ΅λλ€.
-
μ₯λ°κ΅¬λ νμ΄μ§μμ μλμ μ‘°μ νκ³ , μμ ν μ μλλ‘ νμμ΅λλ€.
-
μ ν¨μ±κ²μ¬λ₯Ό ν΅ν΄ μ¬μ©μκ° μ¬λ°λ₯Έ κ²°μ μ 보λ₯Ό μ λ ₯νλλ‘ νμμ΅λλ€.
-
μ¬μ©μκ° μΉμΌλ‘ μ μνλμ§, λͺ¨λ°μΌλ‘ μ μνλμ§ κ΅¬λΆνμ¬ λͺ¨λ°μΌμΌ κ²½μ°λ μΉ΄μΉ΄μ€νμ΄λ₯Ό λ°λ‘ μ€νν μ μλλ‘, μΉμΌ κ²½μ° QR / μΈμ¦λ²νΈ κ²°μ λ₯Ό ν μ μλλ‘ κ΅¬λΆνμμ΅λλ€.
-
κ²°μ λ₯Ό μ§νν λ DBμ κ²°μ λκΈ°μνλ₯Ό κΈ°λ‘ ν ν, κ²°μ κ° μ±κ³΅μ μΌλ‘ λλλ©΄ κ²°μ μνλ₯Ό κ²°μ μλ£λ‘ λ³κ²½ν©λλ€.
-
컀머μ€μ λμ κ²°μ μ 보μ λ°°μ‘μ 보λ₯Ό νμΈν μ μκ³ , λμ μλ¬Όμ 보λ₯Ό νμΈν μ μλ νμ΄μ§μ λλ€.
-
ν μ΄λΈμ νμ©νμ¬ κ²°μ λ° λ°°μ‘ μνλ³ μλ¬Όλ€μ μ‘°νν μ μκ² νμκ³ , μ»΄ν¬λνΈλ₯Ό μ¬μ¬μ©νμ¬ μμ°μ±μ λμμ΅λλ€.
-
νκ·Έλ³ μλ¬Ό κ²μμ΄ κ°λ₯νλλ‘ νμμ΅λλ€.
-
κ²μμ΄ νν°λ§μ νμ©νμ¬ νμ¬ κ²μμ΄μ μ μ¬ν μνμ΄ κ²°κ³Όμ°½μ λμ¬ μ μλλ‘ νμμ΅λλ€
-
AI λ₯λ¬λμ νμ©νμ¬ μ΄λ―Έμ§ κ²μμ ν μ μλλ‘ νμμ΅λλ€. μ¬μ©μκ° μΉ΄λ©λΌλ μ΄λ―Έμ§ νμΌμ νμ©νμ¬ μλ¬Ό μ¬μ§μ κ²μνλ€λ©΄ κ·Έμ κ°μ₯ μ μ¬ν μλ¬Όμ΄ κ²°κ³Όκ°μΌλ‘ λμ€λλ‘ νμμ΅λλ€
- μ»€λ¨Έμ€ μ΄μ©μλ€μ ꡬ맀λ΄μμ κ΄λ¦¬νκ³ λ°°μ‘μνλ₯Ό κ΄λ¦¬ ν μ μλλ‘ νμμ΅λλ€.
-
κ²°μ μνλ₯Ό λ²νΌμ νμ©νμ¬ μ½κ² λ°°μ‘μνλ₯Ό λ³κ²½ ν μ μλλ‘ νμμ΅λλ€.
-
μ 체 λμ 보λ μ€, μ£Όλ¬Έ 건μμ λν μ°¨νΈλ₯Ό μ μν΄ μ£Όλ¬Έλμ ν λμ λ³Ό μ μμ΅λλ€.
- μ μ λ€μ μ 보λ₯Ό ν μ΄λΈλ‘ κ΄λ¦¬νμ¬, νμ μ΄ μ©μ΄νλλ‘ νμμ΅λλ€.
-
μ μ λ³ μ κ·Ό κΆνμ λ€λ₯΄κ² λΆμ¬νκ³ , μ΄λ₯Ό λ³κ²½ν μ μλ κΈ°λ₯μ μ 곡ν©λλ€.
-
보μ ν μνμ λν΄ ν μ΄λΈλ‘ κ΄λ¦¬ ν μ μλλ‘ νμμ΅λλ€.
-
μνμ λ¨μ μ¬κ³ λ₯Ό νμΈνκ³ , μμ ν μ μμ΅λλ€.