[νν΄99 - 9μ£Όμ°¨] μ€μ νλ‘μ νΈ 1 - μμ
β νν΄99 - 9μ£Όμ°¨ νκ³ λ‘ (μ€μ νλ‘μ νΈ 1)
νν΄99 λ§μ§λ§ νλ‘μ νΈμΈ μ€μ νλ‘μ νΈμ μ‘°κ° μ ν΄μ‘λ€.
κ·Έλμ κ³μ node.js λΆλ€μ΄λ κ°μ΄ νμ νμλλ°
μ΄λ²μ κ°μκΈ° spring λΆλ€μ΄λ μ‘°κ° λμλ€. π
spring λΆλ€μ΄λ νμ μ μ²μμ΄λΌμ μ²μμ μ΄μ§ κ±±μ νκΈ°λ νμλλ°,
3μΌμ°¨μΈ μ§κΈ μκ°νκΈ°μ κ±±μ μ μ ν μ ν΄λ λ κ² κ°λ€.
νμ λ°©μμ΄ ν¬κ² λ€λ₯΄μ§ μκ³ , ν° νΈλ¬λΈ μμ΄ νλ‘μ νΈλ μ λλΌ μ μμ κ±°λ λλμ΄ λ λ€!
λ€λ₯Έ μ‘°λ λͺ¨λ [νλ‘ νΈ 3λͺ + λ°±μλ 3λͺ + λμμ΄λ 1λͺ ]μΌλ‘ ꡬμ±λμκ³
μ°λ¦¬ μ‘°λ [νλ‘ νΈ 2λͺ + λ°±μλ 2λͺ + λμμ΄λ 1λͺ ]μΌλ‘ ꡬμ±λμλ€.
μμμ μΈμμ΄κΈ°λ νκ³ λ§μΉ¨ μκ²¬μ΄ μ λ§λ μ¬λλ€λΌλ¦¬ λͺ¨μλμ§
κΈ°ν λ¨κ³μμ μ견 μ·¨ν©μ΄ μ λμκ³ , μμ£Ό μ¬λ°λ νλ‘μ νΈλ₯Ό νκΈ°λ‘ μ ν΄μ‘λ€.
μ²μ λͺ©νλ 'νμ μ±ν SNS'λ₯Ό λͺ©νλ‘ νλλ°, 3μ£ΌλΌλ κΈ°κ°κ³Ό 5λͺ μ΄λΌλ μ μ κ³ λ €ν΄μ
'μΊλ²μ€ κΈ°λ₯μ΄ μλ κ·Έλ£Ή νμ μ±ν μλΉμ€'λ₯Ό 1μ°¨ λͺ©νλ‘ νκ³
SNS κΈ°λ₯μ 2μ°¨ λͺ©νλ‘ λμ νκΈ°λ‘ νλ€.
'κ°μ ν κ±° νλ λͺ¨μ', 'μ€ν°λ μλ―Έ' κ°μ μλΉμ€μ΄λ€.
κ·Έλ¦¬κ³ λλ νλ‘ νΈμλ ννΈμμ
1. webRTCλ₯Ό μ΄μ©ν video group call
2. canvas drawing
3. display capture
λ±μ λ΄λΉνκ² λμλ€.
2λ² κΈ°λ₯μ μ£ΌνΉκΈ° λ―Έλ νλ‘μ νΈμμ νμλΆμ΄ ꡬννμλ κ²μ
ν λ² λ³Έ κ² μ λΆλΌμ, μ¬μ€ 3κ° μ λΆ μ²μ ν΄λ³΄λ κΈ°λ₯λ€μ΄λ€.
1, 2, 3λ² κΈ°λ₯λ€μ΄ λͺ¨λ μ°κ³μ±μ΄ μλ κΈ°νμ΄κΈ°λ νκ³ ,
μλ‘μ΄ κ²μ λμ ν΄λ³΄κ³ μΆκΈ°λ ν΄μ
κΈ°ν λ¨κ³μμλΆν° μ΄λ κ² λ΄λΉνκ³ μΆμλλ°
λ΄λΉ κΈ°λ₯μ λΆλ°°ν λ μκΈ°κ° μ λμ΄μ λ΄κ° λ΄λΉνκ² λμλ€.
κ·Έλμ μ§κΈμ React + Spring ꡬμ±μ webRTC ꡬν λ°©μμ 곡λΆνλ μ€μ΄λ€.
webRTCλ μμ μ²μμ΄λΌ μμ§μ μ΄λ ΅κ² λκ»΄μ§μ§λ§,
λ€λ₯Έ μ¬λλ€μ΄ ν΄λλ€λ©΄ λλ ν μ μλ€κ³ μκ°νκΈ° λλ¬Έμ
κ²°κ΅ λ κ±°λΌ λ―Ώκ³ μ¬λ―Έμκ² κ³΅λΆνλ μ€μ΄λ€! π
νμμ±ν , κΌ κ΅¬ννκ³ μΆλ€!!! π¨π»π¨π»π¨π»
κΈ°νλ μ λμκ³ , μμ΄μ΄νλ μλ λΌλκ° μ ν΄μ‘λ€.
νμλΆλ€μ λΉμ°ν μ νμ€ κ±°λΌ λ―ΏκΈ° λλ¬Έμ
μ΄μ λλ§ μνλ©΄ λλ€!
κ°λ³΄μκ³ !