CodeSoom/ConStu

2์ฃผ์ฐจ ์ง„ํ–‰

Closed this issue ยท 1 comments

๐Ÿ“Œ ๊ธฐ๋ณธ ์งˆ๋ฌธ

1. ์ด ์•ฑ์„ ์–ธ์ œ ์‚ฌ์šฉํ•˜๋‚˜์š”?

๊ฐœ๋ฐœ๊ณผ ๊ด€๋ จํ•œ ๋˜๋Š” IT์™€ ๊ด€๋ จ๋œ ์Šคํ„ฐ๋””๋ฅผ ์ฐพ๊ณ  ๊ฐ™์ด ๊ณต๋ถ€ํ•˜๊ณ  ์†Œํ†ตํ•˜๊ณ  ์‹ถ์„ ๋•Œ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

2. ์ด๋ฒˆ ์ฃผ ๊ตฌํ˜„์— ์žˆ์–ด์„œ ์ œ์•ฝ ์กฐ๊ฑด์€ ๋ฌด์—‡์ธ๊ฐ€์š”?

  • ์Šคํ„ฐ๋””๋ฅผ ์ฃผ์ตœ์ž๊ฐ€ ๋˜์–ด ๋ชจ์ง‘ํ•  ์ˆ˜ ์žˆ๊ฒŒ ์Šคํ„ฐ๋”” ์†Œ๊ฐœ ๊ธ€์„ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๋กœ๊ทธ์ธํ•œ ์‚ฌ์šฉ์ž๋งŒ ์ฐธ์—ฌ์™€ ์Šคํ„ฐ๋”” ์ƒ์„ฑ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

3. ์ด๋ฒˆ ์ฃผ ๊ตฌ์ฒด์ ์ธ ์‚ฌ๋ก€๋Š” ๋ฌด์—‡์ธ๊ฐ€์š”?

  • ์‚ฌ์šฉ์ž๋Š” ๋กœ๊ทธ์ธ์„ ํ•ด์•ผ ์Šคํ„ฐ๋””๋ฅผ ๋งŒ๋“ค๊ฑฐ๋‚˜ ์ฐธ์—ฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์Šคํ„ฐ๋”” ๋ชจ์ง‘ ๊ธ€ ์ž‘์„ฑ ํŽ˜์ด์ง€
    • ๋กœ๊ทธ์ธ์„ ํ•ด์•ผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
    • draft.js์™€ react-draft-wysiwyg๋ฅผ ์‚ฌ์šฉํ• ๊นŒ ์ƒ๊ฐ์ค‘ ์ž…๋‹ˆ๋‹ค.
  • firebase ์‚ฌ์šฉํ•ด์„œ ๊ตฌํ˜„ํ•˜๊ธฐ. or ๋ฐฑ์•ค๋“œ์˜ MongoDB ์‚ฌ์šฉํ•ด์„œ ๊ตฌํ˜„ํ•˜๊ธฐ.
    • firebase๋Š” ์‚ฌ์šฉํ•ด๋ณธ์  x / mongoose๋ฅผ ์‚ฌ์šฉํ•ด์„œ ๋ฐฑ์•ค๋“œ ๊ตฌํ˜„ํ•ด๋ณธ์  O

4. ์ด๋ฒˆ ์ฃผ์— ๊ตฌํ˜„ ํ•  ๊ธฐ๋Šฅ์„ ์šฐ์„  ์ˆœ์œ„๋Œ€๋กœ ์ž‘์„ฑํ•ด ์ฃผ์„ธ์š”.

  • ๊ธ€ ์ž‘์„ฑ ํŽ˜์ด์ง€ ๊ตฌํ˜„ํ•˜๊ธฐ
    • ๊ธ€ ์ž‘์„ฑ ํŽ˜์ด์ง€ ๊ธฐ๋ณธ ๋ชจ์–‘ ์žก๊ธฐ #22
    • ํƒœ๊ทธ ์ž‘์„ฑ ๊ธฐ๋Šฅ ์ถ”๊ฐ€ํ•˜๊ธฐ #23 #24
    • ์Šคํ„ฐ๋”” ๊ธ€ ๋“ฑ๋กํ•˜๊ธฐ #25 #26
    • ์Šคํ„ฐ๋”” ๊ธ€ ๋“ฑ๋กํ•˜๋ฉด ํ•ด๋‹น ํŽ˜์ด์ง€๋กœ ์ด๋™ #26
    • ์Šคํ„ฐ๋”” ๊ธ€ ๋“ฑ๋ก ์ค‘ ์ทจ์†Œ ๋ฒ„ํŠผ ํด๋ฆญํ•˜๋ฉด ๋ฉ”์ธํŽ˜์ด์ง€๋กœ ์ด๋™ #28
    • ์—๋””ํ„ฐ ์ ์šฉํ•˜๊ธฐ #30
      • ์—๋””ํ„ฐ ์ ์šฉ์— ๋”ฐ๋ผ ์†Œ๊ฐœํŽ˜์ด์ง€์— dangerouslySetInnerHTML ์ ์šฉ #34
  • api ํ†ต์‹ ์„ ์œ„ํ•œ ๋ฐฑ์•ค๋“œ ๊ธฐ๋Šฅ ๊ตฌํ˜„ํ•˜๊ธฐ #32
    • firestore ์‚ฌ์šฉํ•˜๊ธฐ #32
  • ๋ฐฐํฌํ•˜๊ธฐ #32
  • ๋กœ๊ทธ์ธ/ํšŒ์›๊ฐ€์ž… ๊ธฐ๋Šฅ ๊ตฌํ˜„
    • ๋กœ๊ทธ์ธ/ํšŒ์›๊ฐ€์ž… ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ์™€ ํ—ค๋”์— ๋กœ๊ทธ์ธ ํšŒ์›๊ฐ€์ž… ๋งํฌ ์ƒ์„ฑ #35
    • ๋กœ๊ทธ์ธ/ํšŒ์›๊ฐ€์ž… ํŽ˜์ด์ง€์˜ input fields์— ๋Œ€ํ•œ onChange action์„ค์ • #37
    • ๋กœ๊ทธ์ธ๊ณผ ํšŒ์›๊ฐ€์ž…์„ ๊ตฌํ˜„ํ•˜๊ธฐ ์œ„ํ•ด firebase auth๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. #38 #40
    • ํšŒ์›๊ฐ€์ž… ๊ตฌํ˜„ #38
    • ๋กœ๊ทธ์ธ ๊ตฌํ˜„ #41
    • ๋กœ๊ทธ์•„์›ƒ ๊ตฌํ˜„ #42
    • header ์ƒํƒœ ๋ณ€๊ฒฝํ•˜๊ธฐ (๋กœ๊ทธ์ธ ์‹œ logout ์ด ๋ณด์ด๊ฒŒ) #41 #42
  • CSS ๋ง๋ถ™์ด๊ธฐ

๋งค์šฐ ์ž˜ ์ง„ํ–‰ํ•˜๊ณ  ๊ณ„์‹  ๊ฒƒ ๊ฐ™๋„ค์š” ๐Ÿ‘
ํ˜น์‹œ ์ง„ํ–‰ํ•˜๋ฉด์„œ ๋„์›€์ด ํ•„์š”ํ•˜๋ฉด ํŽธํ•˜๊ฒŒ ๋ง์”€ํ•ด์ฃผ์„ธ์š”! ๊ฐ™์ด ๊ณ ๋ฏผํ•ด๋ณด์•„์š” โ˜บ๏ธ