Skip to content
yejineee edited this page Dec 20, 2020 · 2 revisions

๐Ÿ’ค ๊ฐœ์ธ status

  • ๋ฐ•์ƒ์‹  : ๊ตฟ๊ตฟ
  • ์–‘์˜ˆ์ง„: ์›”...์š”...์ผ...
  • ์œค์„์ฃผ: ํ‰๋ฒ”
  • ๋ฐ•์Šนํ™˜: ๋„ˆ๋ฌด ์ถ”์šฐ๋‹ค.

๐Ÿ‘œ ๊ธˆ์ผ ์ฝ”์–ด ํƒ€์ž„ ๊ฐœ์ธ ์Šค์ผ€์ค„

๐Ÿคซ ์งˆ๋ฌธ ์‚ฌํ•ญ

๋ถ€์บ  ์ผ์ •

  • 13์‹œ: ๋งˆ์Šคํ„ฐ ํด๋ž˜์Šค

๐Ÿ“Œ ์˜ค๋Š˜ ํ• ์ผ

  • ์œค์„์ฃผ - ๋กœ๊ทธ์ธ์‹œ ๋ฉ”์ธํŽ˜์ด์ง€๋กœ ์ด๋™ํ•˜๋„๋ก ์ˆ˜์ •
    • backend์—์„œ jwt๊ฐ€๊ณ„๋ถ€ ํƒ€์ดํ‹€, object id๋ฅผ ๊ฑด๋„ค์คŒ
    • ๋กœ์ปฌ ์Šคํ† ๋ฆฌ์ง€์— ์ €์žฅ, mobx์— ์ €์žฅ, url์— ํƒ€์ดํ‹€ ๋„ฃ๊ธฐ
    • ๋กœ๊ทธ์ธ โ†’ ๋กœ๋”ฉํŽ˜์ด์ง€(jwt์™€ ํƒ€์ดํ‹€, objid ์š”์ฒญ) โ†’ ๋ฉ”์ธํŽ˜์ด์ง€
  • ๋ฐ•์ƒ์‹  - Mobx context API ์•ˆ์“ฐ๋Š” ํŒจํ„ด์œผ๋กœ ์ˆ˜์ •, ๋‹ฌ๋ ฅํŽ˜์ด์ง€
  • ์Šนํ™˜ - ํ•„ํ„ฐ ๋“œ๋กญ๋‹ค์šด
  • ์˜ˆ์ง„ - pie chart svg ํŽ˜์ด์ง€

๐Ÿค” ๋…ผ์˜

  • ํŽ˜์ด์ง€ URL

  • ํฐํŠธ ์‚ฌ์ด์ฆˆ์— ๋ฐ˜์‘์„ ํ•ด์•ผ ํ•˜๋Š” ๊ฒฝ์šฐ em์„ ์“ฐ์ž

    font-size : 1.5rem; 
    height : 1em;
    padding. margin 

3์ฃผ์ฐจ ์Šคํ”„๋ฆฐํŠธ ๊ณ„ํš

ํ•ด์•ผํ•  ๊ฒƒ๋“ค

  • ํ•„์ˆ˜
  1. ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€ 2
  2. ๋ฉ”์ธ ํŽ˜์ด์ง€ 2
    1. ์กฐํšŒ โ†’ ๊ฐ€๊ณ„๋ถ€๋ฆฌ์ŠคํŠธํŽ˜์ด์ง€ ๋‚˜์˜ค๋ฉด ์ˆ˜์ •

    2. ์ƒ์„ฑ โ†’ ๋กœ๊ทธ์ธ ๋๋‚˜๊ณ , ๋งˆ๋ฌด๋ฆฌ

    3. ์ˆ˜์ •

    4. ์‚ญ์ œ

  3. ํ†ต๊ณ„ ํŽ˜์ด์ง€ ( ํ˜„์žฌ ๋‹ฌ ํ†ต๊ณ„ ํ‘œ์‹œ ) 3
  4. ์นดํ…Œ๊ณ ๋ฆฌ ํŽ˜์ด์ง€ 3
  5. ๋‹ฌ๋ ฅ ํŽ˜์ด์ง€ 3
  6. ์ฑ„ํŒ… ํŽ˜์ด์ง€ 3-4
  • ์„ ํƒ
  1. ์ƒ๋‹จ ์•Œ๋ฆผ ๊ธฐ๋Šฅ ,
  2. ๊ฐ€๊ณ„๋ถ€ ๋ฆฌ์ŠคํŠธ ํŽ˜์ด์ง€

์ด์Šˆ

  • ๋ฉ”์ธ ํŽ˜์ด์ง€ url์— ๊ฐ€๊ณ„๋ถ€ Object id์˜ ์ •๋ณด๋ฅผ ๋‚จ๊ฒจ๋†”์•ผ ํ•จ.
  • ๊ฐ€๊ณ„๋ถ€ ๋ฆฌ์ŠคํŠธ ํŽ˜์ด์ง€์— ์žˆ๋Š” ๋”๋ฏธ ๋ฐ์ดํ„ฐ ์‚ญ์ œ
    • ์„œ๋ฒ„ ์ƒํƒœ ์•ˆ์ •ํ™”๋˜๋ฉด ์‚ญ์ œ
    • ๋กœ๋”ฉ ํŽ˜์ด์ง€๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ๊ฒƒ๋„ ์ข‹์„ ๋“ฏ
  • ๋””๋น„ ์†Œํ”„ํŠธ ์‚ญ์ œ ์ปฌ๋Ÿผ ์ถ”๊ฐ€.
    • ์ปฌ๋Ÿผ ์ถ”๊ฐ€ isDeleted { type : boolean , default : false}

3์ฃผ์ฐจ

  1. ๋กœ๊ทธ์ธ ํ›„ ๋ฉ”์ธ ํŽ˜์ด์ง€ ์ด๋™

  2. mainpage์˜ url ์„ค์ •ํ•˜๋Š” ๊ฒƒ

    111.111.111.111:3000/:objId

    111.111.111.111:3000/:objid/modify?obg=123

  3. ์กฐํšŒ ํŽ˜์ด์ง€ ์ˆ˜์ •

  4. ๊ฑฐ๋ž˜๋‚ด์—ญ ์ƒ์„ฑ ๋งˆ๋ฌด๋ฆฌ

  5. ๊ฑฐ๋ž˜๋‚ด์—ญ ์‚ญ์ œ, ์ˆ˜์ • ํŽ˜์ด์ง€

  6. ํ†ต๊ณ„ ํŽ˜์ด์ง€ ( ํ˜„์žฌ ๋‹ฌ ํ†ต๊ณ„ ํ‘œ์‹œ ) 3

    1. svg ๊ฐ•์˜ ์‹ ์ฒญํ•จ
    2. ํŒŒ์ด ์ฐจํŠธ & ์„ ๊ทธ๋ž˜ํ”„
  7. ์นดํ…Œ๊ณ ๋ฆฌ ํŽ˜์ด์ง€ 3

    • ์นดํ…Œ๊ณ ๋ฆฌ์— ์ปฌ๋Ÿฌ ๋„ฃ๊ธฐ
    1. color : #ff00ff;
    2. ๋””๋น„์— ์นดํ…Œ๊ณ ๋ฆฌ โ†’ ์นผ๋ผ ์ถ”๊ฐ€
  8. ๋‹ฌ๋ ฅ ํŽ˜์ด์ง€ 3

  9. ํ•„ํ„ฐ ๋“œ๋กญ๋‹ค์šด

๐Ÿ“Œ Project

๐Ÿค Rules

๐Ÿ“š Documents

๐Ÿข๊ตฌ์กฐ

๐Ÿง๋…ผ์˜

โšฝ๏ธ TroubleShooting

๐Ÿ’ฌ Memoirs

1 ์ฃผ์ฐจ
2 ์ฃผ์ฐจ
3 ์ฃผ์ฐจ
4 ์ฃผ์ฐจ
5 ์ฃผ์ฐจ

๐Ÿ“ ํ”ผ์–ด์„ธ์…˜

<2์ฃผ์ฐจ> 24๊ทธ๋ฃน 25๊ทธ๋ฃน

<3์ฃผ์ฐจ> 24๊ทธ๋ฃน 25๊ทธ๋ฃน

<4์ฃผ์ฐจ> 24๊ทธ๋ฃน 25๊ทธ๋ฃน 26๊ทธ๋ฃน 27๊ทธ๋ฃน

Clone this wiki locally