Skip to content

๐Ÿ‘ฅ 11์›” 14์ผ ์˜คํ”„๋ผ์ธ ํšŒ์˜

Minseong Park edited this page Nov 14, 2023 · 1 revision

๐Ÿ“… ์ผ์‹œ

  • ์žฅ์†Œ: ๊ด‘ํ™”๋ฌธ ํ• ๋ฆฌ์Šค
  • ์‹œ๊ฐ„: 1130 ~ 1800
  • ์ธ์›: ํŒ€ ์ „์ฒด

โœ”๏ธ ๊ณ„ํš

  • ๋ฐ์ผ๋ฆฌ ์Šคํฌ๋Ÿผ
  • ๋ ˆํฌ readme ์ž‘์„ฑ - hackmd๋กœ ๋™์‹œํŽธ์ง‘
  • task ์žฌ์ •์˜ -> ์ข…์†๋˜์ง€ ์•Š๋„๋ก ๋ธŒ๋žœ์น˜ ๋‹จ์œ„๋กœ ํ•ฉ์น˜๊ธฐ
  • ์ถฉ๋Œ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๊ณ ๋ฏผ
  • socket.io ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‚ฌ์šฉ ๊ณ ๋ฏผ
  • ์ •๋ฆฌํ•œ task projects๋กœ ์ด๋™
  • ํŒŒํŠธ๋ณ„ ํšŒ์˜

1. socket.io ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‚ฌ์šฉ ๊ณ ๋ฏผ

๋ฐฐ๊ฒฝ

  • ์›น์†Œ์ผ“์„ ์‚ฌ์šฉํ•  ๋•Œ ๋ฐฑ์—”๋“œ์—์„œ๋Š” socket.io๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๊ต‰์žฅํžˆ ํŽธํ•˜๋‹ค.
  • ํ•˜์ง€๋งŒ client ์ธก์—์„œ๋Š” ์™ธ๋ถ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋‹ค.

๋ฌธ์ œ

  • docker๋กœ socket io๋ฅผ ์ด์šฉํ•œ ์„œ๋ฒ„๋ฅผ ๋„์šฐ๊ณ  client ์ธก์—์„œ ์˜ˆ์ „์— ์ฑŒ๋ฆฐ์ง€์—์„œ ๋งŒ๋“  ์ปค์Šคํ…€ websocket์œผ๋กœ ํ†ต์‹ ์„ ์‹œ๋„ => ์‹คํŒจ@!@ => socket.io๋Š” ๋ณ„๋„์˜ ํ”„๋กœํ† ์ฝœ์„ ์‚ฌ์šฉํ•ด ์ผ๋ฐ˜์ ์ธ ์›น์†Œ์ผ“ ์š”์ฒญ ๋ฐฉ์‹์œผ๋กœ๋Š” ํž˜๋“ค๊ณ , handshaking๊ณผ์ •๊ณผ namespace ๋“ฑ ์ „์šฉ ํ”„๋กœํ† ์ฝœ ๋ฐฉ์‹์œผ๋กœ ๊ตฌํ˜„๋˜์–ด์žˆ์–ด์•ผ ํ•œ๋‹ค.

ํ•ด๊ฒฐ

  1. client์ธก์—์„œ custom socket.io ๊ตฌํ˜„ ---> starscream์—๋„ ์˜์กด์„ฑ์ด ์žˆ์–ด ๋นก์…€ ๊ฒƒ์ž„.
  2. server์—์„œ socket.io๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ณ  ws๋งŒ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ์ผ๋‹จ ์ข…๊ฒฐ.

2. task๋“ค์„ branch ๋‹จ์œ„๋กœ ํ•ฉ์น˜๊ธฐ

  • ๊ธฐ์กด์— 80๊ฐœ๊ฐ€ ๋„˜๋˜ ํƒœ์Šคํฌ๋“ค์„ 50๊ฐœ ์ •๋„๋กœ ์ค„์ผ ์ˆ˜ ์žˆ์—ˆ๋‹ค!

3. ํŒŒํŠธ๋ณ„ ํšŒ์˜

BE

  • api ๋ช…์„ธ - postman
  • ERD ์„ค๊ณ„

๋ฐฐ๊ฒฝ

  • ์„œ๋ฒ„์—๊ฒŒ ์ฒดํฌ๋ฆฌ์ŠคํŠธ ๋ณ€๊ฒฝ(์ฒดํฌ, ๋‚ด์šฉ ์ˆ˜์ •)์— ๋Œ€ํ•œ ์š”์ฒญ์œผ๋กœ ํ•ญ์ƒ ์ฒดํฌ๋ฆฌ์ŠคํŠธ ์ „์ฒด๋ฅผ ๋ฐ›์Œ

๋ฌธ์ œ

  • ํ•ญ๋ชฉ ํ•˜๋‚˜ํ•˜๋‚˜ ์ˆ˜์ •ํ•  ๋•Œ checklistItems ์ „์ฒด๋ฅผ ์‚ญ์ œํ•ด์•ผํ•˜๊ณ , ๋‹ค์‹œ ์ €์žฅํ•ด์•ผ ํ•˜๋Š” ๋น„ํšจ์œจ์„ฑ์ด ์ƒ๊น€
  • ๊ทธ๋ ‡๋‹ค๊ณ , ํŠน์ •๋ถ€๋ถ„๋งŒ ์ˆ˜์ •ํ•˜๊ธฐ์—๋Š” ๋ณ€๊ฒฝ์ ์ด ๋งŽ์€ ๊ฒฝ์šฐ ์ •๋ง, ๋น„ํšจ์œจ์ ์ž„.

ํ•ด๊ฒฐ

  1. ์—…๋ฐ์ดํŠธ๊ฐ€ ์‚ฌ์‹ค ์—…๋ฐ์ดํŠธ๊ฐ€ ์•„๋‹ˆ๋‹ค.
  2. checklist์™€ ์—ฐ๊ด€๋œ checklistItems๋“ค์„ ๋‹ค ์‚ญ์ œํ•ด์ค€๋‹ค.
  3. ๊ทธ๋ฆฌ๊ณ  ๋‹ค์‹œ checklistItems์— ์ตœ์‹ ๋ฒ„์ „์œผ๋กœ ๋‹ค์‹œ ์ €์žฅํ•œ๋‹ค.
  4. ๊ทธ๋ฆฌ๊ณ , ๋งŒ์•ฝ ํ•˜๋‚˜์˜ ํ•ญ๋ชฉ์— ๋Œ€ํ•œ ์ฒดํฌ ์š”์ฒญ์ด ์˜ค๋ฉด, checklistItems์—์„œ๋Š” ํ•ญ๋ชฉ๋“ค์ด ์‹ค์ œ ui์—์„œ ์ €์žฅ๋œ ์ˆœ์„œ์™€ ๊ฐ™์ด ์ €์žฅ๋˜์–ด ์žˆ๋‹ค.
  5. {"row_numbers" : [2,4,7]} ๋ฅผ ์š”์ฒญ ๋ฐ”๋””๋กœ ๋ฐ›๊ณ  checklistItems์—์„œ path variable๋กœ ๋ฐ›์€ item๋“ค์„ ๋‹ค ์ฐพ์•„์„œ ์ €์žฅ๋œ ์ˆœ์„œ๋กœ ์ฐพ์•„, isChecked ์ปฌ๋Ÿผ์„ true/false๋กœ ๋ณ€๊ฒฝํ•ด์ค€๋‹ค.

์˜ค๋ฆฌ๋“ค์˜ ์• ์ž์ผํ•œ ๊ฐœ๋ฐœ ์—ฌ์ •

๐Ÿ“œ ๊ธฐํš

๐Ÿ’ข ๊ทœ์น™

๐Ÿฅ 1์ฃผ์ฐจ ํšŒ์˜๋ก, ํšŒ๊ณ 

๋ฐ์ผ๋ฆฌ ์Šคํฌ๋Ÿผ

ํšŒ์˜๋ก

ํšŒ๊ณ 

๐Ÿฅ 2์ฃผ์ฐจ ํšŒ์˜๋ก, ํšŒ๊ณ 

๋ฐ์ผ๋ฆฌ ์Šคํฌ๋Ÿผ

ํšŒ์˜๋ก

ํšŒ๊ณ 

๐Ÿฅ 3์ฃผ์ฐจ ํšŒ์˜๋ก, ํšŒ๊ณ 

๋ฐ์ผ๋ฆฌ ์Šคํฌ๋Ÿผ

ํšŒ๊ณ 

๐Ÿฅ 4์ฃผ์ฐจ ํšŒ์˜๋ก, ํšŒ๊ณ 

๋ฐ์ผ๋ฆฌ ์Šคํฌ๋Ÿผ

ํšŒ๊ณ 

๐Ÿฅ 5์ฃผ์ฐจ ํšŒ์˜๋ก, ํšŒ๊ณ 

๋ฐ์ผ๋ฆฌ ์Šคํฌ๋Ÿผ

ํšŒ๊ณ 

๐Ÿฅ 6์ฃผ์ฐจ ํšŒ์˜๋ก, ํšŒ๊ณ 

๋ฐ์ผ๋ฆฌ ์Šคํฌ๋Ÿผ

ํšŒ๊ณ 

๐ŸŽ iOS

์•„ํ‚คํ…์ฒ˜ ์˜์‚ฌ ๊ฒฐ์ • ๊ธฐ๋ก

Clone this wiki locally