Skip to content
@jungle-6-3

jungle-6-3

๐Ÿ‘จโ€๐Ÿ’ป Code Sync - ๋” ๋‚˜์€ ์ฝ”๋“œ ๋ฆฌ๋ทฐ ๊ฒฝํ—˜์„ ์œ„ํ•œ ์‹ค์‹œ๊ฐ„ ํ˜‘์—… ํ”Œ๋žซํผ

๐ŸŒŸ ์„œ๋น„์Šค ์†Œ๊ฐœ๊ธ€

GitHub PR์„ ํ†ตํ•ด ์ฝ”๋“œ ๋ฆฌ๋ทฐ๋ฅผ ํ•˜๋ฉด์„œ ์ด๋Ÿฐ ๋ถˆํŽธํ•จ์„ ๊ฒช์œผ์‹  ์  ์žˆ๋‚˜์š”?

๐Ÿ˜ซ "PR ๋Œ“๊ธ€๋งŒ์œผ๋กœ๋Š” ์˜๋„ ์ „๋‹ฌ์ด ๋„ˆ๋ฌด ์–ด๋ ค์›Œ..."

๐Ÿ˜ค "ํ™”๋ฉด ๊ณต์œ ํ•˜๋ฉด์„œ ์„ค๋ช…ํ•˜๊ณ  ์‹ถ์€๋ฐ ๋งˆ์šฐ์Šค๋กœ ๊ฐ€๋ฆฌํ‚ค๊ธฐ๋งŒ ํ•  ์ˆ˜ ์žˆ๊ณ ..."

๐Ÿค” "์‹ค์‹œ๊ฐ„์œผ๋กœ ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•˜๋ฉด์„œ ๋ฆฌ๋ทฐํ•˜๊ณ  ์‹ถ์€๋ฐ..."

์ด ๋ชจ๋“  ๋ถˆํŽธํ•จ์„ ํ•ด๊ฒฐํ•˜๋Š” ์„œ๋น„์Šค, Code Sync๋ฅผ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค!

๐Ÿ’ก ํ”„๋กœ์ ํŠธ์˜ ์ฃผ์š” ๋ชฉ์ 

์ฝ”๋“œ ๋ฆฌ๋ทฐ๋ฅผ ์‹ค์‹œ๊ฐ„, ํšจ์œจ์ ์œผ๋กœ! PR ๋Œ“๊ธ€๋กœ๋Š” ๋ถ€์กฑํ–ˆ๋˜ ์†Œํ†ต์„, ์Œ์„ฑ๊ณผ ํ™”๋ฉด ๊ณต์œ ๋กœ ์ฆ‰๊ฐ์ ์ด๊ณ  ๋ช…ํ™•ํ•˜๊ฒŒ! Code Sync๊ฐ€ ์—ฌ๋Ÿฌ๋ถ„์˜ ์ฝ”๋“œ ๋ฆฌ๋ทฐ ๊ฒฝํ—˜์„ ํ•œ ๋‹จ๊ณ„ ๋†’์—ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

โš™๏ธ ํ”„๋กœ์ ํŠธ์˜ ์ฃผ์š” ๊ธฐ๋Šฅ

  1. ์‹ค์‹œ๊ฐ„ ์ฝ”๋“œ ๋ฆฌ๋ทฐ

    • GitHub PR ์ฝ”๋“œ ์‹ค์‹œ๊ฐ„ ํ™•์ธ ๋ฐ ์ˆ˜์ •
    • Monaco Editor๋ฅผ ํ†ตํ•œ ์ฆ‰๊ฐ์ ์ธ ์ฝ”๋“œ ํŽธ์ง‘
    • ๋ณ€๊ฒฝ์‚ฌํ•ญ ์‹ค์‹œ๊ฐ„ ๋™๊ธฐํ™”
  2. ํšจ๊ณผ์ ์ธ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜

    • WebRTC ๊ธฐ๋ฐ˜ ์Œ์„ฑ/ํ™”๋ฉด ๊ณต์œ 
    • Excalidraw๋ฅผ ํ™œ์šฉํ•œ ์‹œ๊ฐ์  ์„ค๋ช…
    • ์‹ค์‹œ๊ฐ„ ์ฑ„ํŒ… ๊ธฐ๋Šฅ
  3. ํ˜‘์—… ๋„๊ตฌ

    • Yjs ๊ธฐ๋ฐ˜ ์‹ค์‹œ๊ฐ„ ๋™์‹œ ํŽธ์ง‘
    • ํ™”์ดํŠธ๋ณด๋“œ ๊ธฐ๋Šฅ
    • ์„ธ์…˜ ๋…นํ™”/์žฌ์ƒ ๊ธฐ๋Šฅ

โš™ ๊ธฐ์ˆ  ์Šคํƒ

Tech Stack

โŒน ์‹œ์Šคํ…œ ์•„ํ‚คํ…์ฒ˜

System Architecture

๐Ÿ“บ ์‹œ์—ฐ ๋ฐ ๋ฐœํ‘œ ์˜์ƒ

Code Sync Demo

๐ŸŽฅ ๋ฐœํ‘œ ์˜์ƒ ์ „์ฒด ๋ณด๊ธฐ

๐Ÿ”„ ํฌ์Šคํ„ฐ

ํฌ์Šคํ„ฐ ๋ณด๊ธฐ

poster

๐Ÿ”— ์ฐธ๊ณ  ๋งํฌ

Swagger API ๋ฌธ์„œ

๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ ํŒ€์› ์†Œ๊ฐœ

Frontend Frontend Frontend Backend Backend
๋ฐ•๊ฑด์šฐ ์ž„์ฑ„์Šน ์œค๋ฏผ์„ฑ ์ง€์ฐฝ๊ทผ ์กฐํ˜•์šฑ

@pigpgw

@loopy-lim

@Y-minseong

@pig19980

@HyoungUkJo

Popular repositories Loading

  1. code-sync-be code-sync-be Public

    be

    TypeScript

  2. code-sync-fe code-sync-fe Public

    TypeScript 1

  3. .github .github Public

Repositories

Showing 3 of 3 repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loadingโ€ฆ

Most used topics

Loadingโ€ฆ