๐Ÿ  ํŒŒ๋‹ˆ๋ฃธ ๊ฐœ๋ฐœํ•˜๊ธฐ Intro

holang_2iยท2020๋…„ 3์›” 4์ผ
2

๐Ÿ’ป ํ”„๋กœ์ ํŠธ

๋ชฉ๋ก ๋ณด๊ธฐ
1/5
post-thumbnail

๋†์•ˆ...๋‡ฝ...ํ•˜์„ธ์šค๐Ÿ‘๐Ÿป

๊ฐœ๋ฐœํ•˜๋‹ค ์ง‘์ค‘์ด ์•ˆ๋ผ์„œ ๊ฐœ๋ฐœ์ผ์ง€๋ผ๋„ ์ž‘์„ฑํ•ด์•ผ๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์œผ๋กœ ๊ธ€ ์“ฐ๋Š” ์ค‘ ์ด๋‹ค.. ๊ทธ๋ฆฌ๊ณ  ์š”์ฆ˜ ๊ธฐ์–ต์ด ์ž˜ ์•ˆ๋‚˜... ๋ญ๋“  ๋‹ค ๊ธฐ๋กํ•ด๋†“์•„์•ผํ•จ ๐Ÿ“

์–ด์ฉŒ๋‹ค๊ฐ€..ํŒŒ๋‹ˆ๋ฃธ?

๋ฐ”์•ผํ๋กœ 2018๋…„....... ์ง„์งœ ์ˆ˜์—… ๊ฑฐ์˜ ์•ˆ ๋“ฃ๊ณ  ๋งจ๋‚  ๋†€์•˜๋˜ JAVA ์‹œ๊ฐ„์— ํ”„๋กœ์ ํŠธ๋กœ ๋ญํ• ๊นŒ..๊ณ ๋ฏผํ•˜๋‹ค ์ดˆ๋”ฉ๋•Œ ํ–ˆ๋˜ ํŒŒ๋‹ˆ๋ฃธ์ด๋‚˜ ๋งŒ๋“ค์–ด๋ณผ๊นŒ ํ•˜๋ฉฐ ์‹œ์ž‘ (ํ”„๋กœ์ ํŠธ ์ด๋ฆ„์€ ํŒŒ๋‹ˆ๋ฃธ์ด ์•„๋‹Œ ๋ฏธ๋‹ˆ๋ฃธ์œผ๋กœ ใ…Žใ…Ž)

๋งŒ๋งŒํ•˜๊ฒŒ ๋ดค๋‹ค๊ฐ€ ๐Ÿถ๊ฐœ๊ฐœ๊ฐœ๊ณ ์ƒํ–ˆ๋˜ ๊ธฐ์–ต์ด ์žˆ๋‹ค. ใ…Žใ…Ž ๊ทธ๋• ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋„ ์ž˜ ๋ชฐ๋ž์—ˆ๊ณ ,, ๊ธฐํš์„ ๋„ˆ๋ฌด ๋ณต์žกํ•˜๊ฒŒ ์งœ๋†”์„œ ํ”„๋กœ์ ํŠธ ์—‰๋ง์ง„์ฐฝ์ด ๋˜์—ˆ๋˜ ๊ธฐ์–ต์ด..... ๊ฒฐ๋ก ์€ ๋งจ๋‚  ๋‚ด์ผ ํ•ด์•ผ์ง€ ๋‚ด์ผ ํ•ด์•ผ์ง€ ํ•˜๋‹ค ์ผ์ฃผ์ผ ๋ฐค์ƒˆ๊ณ  ๋Œ€์ถฉ ๋งˆ๋ฌด๋ฆฌ ์ง€์—ˆ๋‹ค๋Š” ๋œป

๊ทธ๋ฆฌ๊ณ  2019๋…„..๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ํ”„๋กœ์ ํŠธ ๊ณผ์ œ๋กœ ์‹คํŒจํ–ˆ๋˜ ํ”„๋กœ์ ํŠธ ๋‹ค์‹œ ์‚ด๋ ค๋ณด๊ธฐ๋กœ ๊ฒฐ์‹ฌ.. ๋””์ž์ธ๋„ ์•„์˜ˆ ์‹น ๊ฐˆ์•„์—Ž๊ณ ,, ๋””๋น„ ๊ตฌ์กฐ๋„ ๊น”๋”ํ•˜๊ฒŒ ์žก๊ณ .. ๊ทธ ๊ฒฐ๊ณผ ๋‚˜๋ฆ„ ํŒŒ๋‹ˆ๋ฃธ ๊ฐ™์€ ๋ฏธ๋‹ˆํ™ˆํ”ผ ์™„์„ฑ..๐Ÿ‘๐Ÿป ์ง์งใ„ฑ์งฒ์งž

ํ•˜์ง€๋งŒ ๋˜ ์ด‰๋ฐ•ํ–ˆ๋˜ ์‹œ๊ฐ„๊ณผ..๋ถ€์กฑํ•œ ์ฝ”๋”ฉ์‹ค๋ ฅ์œผ๋กœ,, ์™„๋ฒฝํ•˜๊ฒŒ ๊ตฌํ˜„ ๋ชปํ–ˆ๋˜ ๊ฒƒ์ด ๋„ˆ๋ฌด ์•„์‰ฌ์›Œ์„œ 2020๋…„ ์ƒˆ๋กœ์šด ๋ง˜์œผ๋กœ !!! angular ์™€ server ๊ณต๋ถ€๋„ ํ• ๊ฒธ ํ”„๋กœ์ ํŠธ ๋‹ค์‹œ ์‹œ์ž‘ !!!!!!!!!!!!!

์ž๋ฐ”GUI๋กœ ๊ตฌํ˜„ํ–ˆ๋˜ ๋ฏธ๋‹ˆ๋ฃธ (๋‚ด๊ฐ€ ํ–ˆ์ง€๋งŒ ๋””์ž์ธ ๊ฐœ๊ตฌ๋ฆผ;;;;;;)

https://github.com/2ujin/miniroom2018.git

๋‚˜๋ฆ„ ๋ฐœ์ „ํ•œ PHP๋กœ ๊ตฌํ˜„ํ•œ ๋ฏธ๋‹ˆ๋ฃธ..

https://github.com/2ujin/miniroom-php.git (์ปค๋ฐ‹์€ ์—ด์‹ฌํžˆ ํ–ˆ์ง€๋งŒ ์ง€์ €๋ถ„ํ•œ ํด๋” ใ… )

๋””์ž์ธ์ด ์•ผ-์•…๊ฐ„ ๊ตฌ๋ ค๋„ ์นœ๊ตฌ์ถ”๊ฐ€..๊ฒŒ์‹œ๋ฌผ ๊ธ€ ์Šคํฌ๋žฉ..๊ธ€ ์นœ๊ตฌ๊ณต๊ฐœ..ํŒŒ๋„ํƒ€๊ธฐ..์ƒ์ ๊ตฌํ˜„..๋“ฑ๋“ฑ ์ด๋Ÿฐ ๊ธฐ๋Šฅ๋•Œ๋ฌธ์— ๋ผˆ๋ฅผ ๊ฐˆ์•˜๊ธฐ๋•Œ๋ฌธ์— ์• ์ •ํ–ˆ๋˜ ํ”„๋กœ์ ํŠธ์˜€๋Œœ. ๐Ÿ”ฅ

์ถ”์–ต๊ณผ ๊ณตํฌ์˜ ์ดˆ๋”ฉ์‹œ์ ˆ ๋‚ด ํŒŒ๋‹ˆ๋ฃธ .. ๐Ÿ˜จ

img
์ง„์งœ ํ™”๋ คํ•จ์˜ ๊ทน์น˜ ;; ์นœ๊ตฌ ๋ฏธ๋‹ˆํ™ˆํ”ผ ๋†€๋Ÿฌ๊ฐ€์„œ ๋ฐฉ๋ช…๋ก ๋‚จ๊ธฐ๊ณ  ๋ง‰ ๊ฒŒ์ž„ํ•ด์„œ ํฌ์ธํŠธ ๋ฒŒ์–ด์„œ ์˜ˆ์œ ์˜ท ์‚ฌ๊ณ  ์Šคํ‚จ์‚ฌ๊ณ  ใ… ใ…  ๊ทธ ์‹œ์ ˆ์„ ๋– ์˜ฌ๋ฆฌ๋ฉฐ ๋งŒ๋“ค์—ˆ๋˜ ํ”„๋กœ์ ํŠธ์ž„

๊ธฐ์ˆ ์Šคํƒ

์ƒ๊ฐํ•ด๋ณด๋ฉด php ๋กœ ๊ฐœ๋ฐœํ–ˆ์„ ๋• api ์ด๋Ÿฐ๊ฑฐ ํ•˜๋‚˜๋„ ์•ˆ ์“ฐ๊ณ  ๊ทธ๋ƒฅ ๋””๋น„์—์„œ ๋ฐ”๋กœ ์ฟผ๋ฆฌ๋ฌธ ๋‚ ๋ ค์„œ ๋ฐ์ดํ„ฐ ๊ฐ–๊ณ ์˜ค๊ณ  ์ด๋Ÿฐ์‹์œผ๋กœ ๊ฐœ๋ฐœํ–ˆ์—ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๊ทธ๋Ÿฐ๊ฐ€ ํŒŒ์ผ๋„ ๋„ˆ๋ฌด ๋งŽ๊ณ  ํด๋”๊ฐ€ ์ง€์ €๋ถ„ํ–ˆ๋‹ค. ๋ฌด์—‡๋ณด๋‹ค ๋„ˆ๋ฌด ๋Š๋ ธ์Œ ^^;;

์ด๊ฑธ ๋ณด์™„ํ•˜๊ณ ์ž !!!! ๋‚˜๋ฆ„ ์ตœ์‹ ๊ธฐ์ˆ ๋“ค ์“ฐ๋ ค๊ณ  ๋…ธ๋ ฅํ–ˆ๋‹ค.

Front-End

  • angular

Back-End

  • apollo server
  • mongoDB
  • mongoose

API

  • graphQL

(graphql ์ตœ๊ณ .....๋„ˆ๋ฌด ์ตœ๊ณ ...์•”ํŠผ ์ตœ๊ณ ..๐Ÿ‘๐Ÿป rest api ๋ฅผ ์ง์ ‘ ์งœ๋ณด์ง„ ์•Š๊ณ  ๊ณ„์† ๋ด์˜ค๊ธฐ๋งŒ ํ–ˆ๋Š”๋ฐ grapqhl ์ด ํ›จ์”ฌ ํŽธํ•œ ๊ฒƒ ๊ฐ™๋‹ค. ์งฑ ์ข‹์Œ)

๊นƒํ—ˆ๋ธŒ ํ”„๋กœ์ ํŠธ ์—ด์‹ฌํžˆ ์‚ฌ์šฉํ•˜๊ธฐ

๊นƒํ—ˆ๋ธŒ ์ €์žฅ์†Œ์— ๋“ค์–ด๊ฐ€๋ณด๋ฉด Project ๋ผ๋Š” ํƒญ์ด ์žˆ๋‹ค. ๋‚˜๋Š” ์ฃผ๋กœ ์ปค๋ฐ‹, ํ‘ธ์‰ฌ ๋Œ€์ถฉ ์ฝ”๋“œ ์ €์žฅ์†Œ ๋Š๋‚Œ์œผ๋กœ ๊นƒํ—ˆ๋ธŒ๋ฅผ ์‚ฌ์šฉํ–ˆ๊ธฐ์—,,๋„ˆ๋ฌด ์ƒ์†Œํ–ˆ๋‹ค. ๋ง ๊ทธ๋Œ€๋กœ ํ”„๋กœ์ ํŠธ๋ฅผ ์นธ๋ฐ˜ ํ˜•์‹์œผ๋กœ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋‹ค. ๋…ธ์…˜์ด๋ž‘ ๋น„์Šทํ•˜๊ธด ํ•œ๋ฐ ์•„๋ฌด๋ž˜๋„ ๋ฐ”๋กœ ๊นƒ๊ณผ ์—ฐ๋™๋˜๋Š” ์ ์ด ์ตœ๊ณ  ํŽธ๋ฆฌํ•œ ๊ฒƒ ๊ฐ™๋‹ค! ๊ฐ ๊ฐ ์นธ์„ ๋‚˜๋ˆ„๊ณ  ๊ทธ ์นธ์— ๋งž๋Š” ํ•ด์•ผํ•  ์ผ์„ ์ ๊ณ  ์ด์Šˆ๋กœ ๋„˜๊ธด๋‹ค. ๋กœ๊ทธ์ธ / ๋กœ๊ทธ์•„์›ƒ ๊ธฐ๋Šฅ์„ ์˜ค๋Š˜ ํ•  ์˜ˆ์ •์ด๋ผ๋ฉด ์ € ํ”„๋กœ์ ํŠธ์—์„œ ์ด์Šˆ๋ฅผ ์ž๋™์œผ๋กœ ์ƒ์„ฑใ…Žใ…์ค€๋‹ค.

ํ˜‘์—…ํ•  ๋•Œ ํŽธ๋ฆฌํ•  ๊ฒƒ ๊ฐ™๋‹ค. ์ฝ”๋“œ๋ฆฌ๋ทฐ๋„ ํ•  ์ˆ˜ ์žˆ๊ณ  comment ๋„ ๋‚ ๋ฆด ์ˆ˜ ์žˆ๋‹ค.

์„œ๋ฒ„ ์ชฝ ํ”„๋กœ์ ํŠธ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋‹ค. ์ฃผ๋กœ api ๊ตฌํ˜„ํ•˜๊ฑฐ๋‚˜ ๋””๋น„ ์„ค๊ณ„ ํ•  ๋•Œ ์‚ฌ์šฉํ•จ

๊ธฐํš ์ •๋ฆฌํ•  ๋•Œ ์ฐธ ํŽธ๋ฆฌํ•˜๊ณ  ์•ž์œผ๋กœ๋„ ์ž์ฃผ ์“ธ ๊ฒƒ ๊ฐ™๋‹ค! ํ”„๋กœ์ ํŠธ๋ฅผ ํ•  ์ƒ๊ฐ์ด๋ผ๋ฉด ๊ผญ ์ด๊ฑธ ์จ๋ณด์„ธ์š” ใ…Žใ…Ž ๊ฐ•์ถ” ์กฐ๋งŒ๊ฐ„ ๊นƒํ—ˆ๋ธŒ ํ”„๋กœ์ ํŠธ์— ๊ด€ํ•ด์„œ ๋”ฐ๋กœ ํฌ์ŠคํŒ… ํ•ด๋ด์•ผ์ง€.

๋Œ€์ถฉ ๋งˆ๋ฌด๋ฆฌํ•œ๋‹ค๋Š” ๋ง

ํšŒ์‚ฌ ์ผ๋„ ์ƒ๊ฐ๋ณด๋‹ค ๋ฐ”์˜๊ณ  ์˜ˆ์ƒ์น˜ ๋ชปํ•œ ๊ณผ์ œ๊ฐ€ ์ƒ๊ฒจ์„œ ์ฃผ๋ง์„ ๋์œผ๋กœ ํ‰์ผ์—” ๋ฏธ๋‹ˆ๋ฃธ ๊ฑฐ์˜ ๋ชป ๊ฑด๋“œ๋ ธ๋‹ค. ๐Ÿ˜“ ์—ฌ์œ ๋กœ์›Œ์ง€๋ฉด ๋‹ค์‹œ ์‹œ์ž‘ํ•ด์•ผ์ง€.. ์ƒ๊ฐ๋ณด๋‹ค ํ’€์Šคํƒ์œผ๋กœ ๊ฐœ๋ฐœํ•œ๋‹ค๋Š”๊ฑฐ.....์‰ฌ์šด ์ผ ์•„๋‹ˆ๋ž€ ๊ฑธ ๋Š๊ผˆ๋‹ค. ;;

์Œ ์ผ๋‹จ ์ง€๊ธˆ๊นŒ์ง„ ๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž…, ๋ฏธ๋‹ˆํ™ˆํ”ผ ์ƒ์„ฑ ๋Œ€์ถฉ ๊ธฐ๋ณธ์ ์ธ ํ”„๋กœ์ ํŠธ ์ฒ˜์Œ ๋ถ€๋ถ„์€ ๋ฐฑ์—”๋“œ๊นŒ์ง€ ์–ด๋Š์ •๋„ ์™„์„ฑํ–ˆ๋‹ค. ์•„ ์ƒ๊ฐ๋ณด๋‹ค ๋งŽ์ด ํ—ค๋งธ๋‹ค.. ํšŒ์›๊ฐ€์ž…์€ insert๋งŒ ํ•˜๋‹ˆ๊น ์‰ฌ์› ๋Š”๋ฐ ๋ฏธ๋‹ˆํ™ˆํ”ผ ์ƒ์„ฑ ๊ฐ™์€ ๊ฒฝ์šฐ์—” user ํ…Œ์ด๋ธ” ์กฐ์ธ ํ•˜๊ณ  ์ด๋Ÿฐ ๊ฒƒ๋“ค์ด ์žˆ์–ด์„œ ์–ด๋ ค์› ๋‹ค. graphql๋กœ ํ•˜๋‹ค๋ณด๋‹ˆ๊น,,,,

๊ทธ๋ž˜๋„ ์กฐ๊ธˆ ํ•˜๊ณ  ๋‚˜๋‹ˆ๊น ์ด์ œ ์ข€ ์•Œ ๊ฒƒ ๊ฐ™๋‹ค. ๋˜ ๋กœ๊ทธ์ธ์—์„œ ํ—ค๋งค๊ณ ......ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹

๋งŒ๋งŒ์น˜์•Š๋‹ค ^^ ์–ด์จŒ๊ฑฐ๋‚˜ ๊ฐ„๊ฐ„ํžˆ ๋จธ๋ฆฌ๋„ ์‹ํž ๊ฒธ ๋ธ”๋กœ๊ทธ์— ๊ฐœ๋ฐœ์ผ์ง€๋‚˜ ์จ๋ด์•ผ๊ฒ ๋‹ค! ์กฐ๋งŒ๊ฐ„ ์–ผ๋ฅธ ์ž‘์„ฑํ•ด์•ผ์ง€ ๐Ÿ˜†


(์žฌํƒ๊ทผ๋ฌด 3์ผ์งธ.........์ฃฝ์„ ๋ง›์ด๋‹ค....์ƒํ™œํŒจํ„ด ๋‹ค ๊นจ์ง„ ๊ฒƒ ๊ฐ™๊ณ  ์‹ฌ์‹ฌํ•ด๋ฏธ์น ๊ฒƒ๊ฐ™๋‹ค....)

profile
๋ž‘ํ˜ธ

2๊ฐœ์˜ ๋Œ“๊ธ€

comment-user-thumbnail
2020๋…„ 3์›” 5์ผ

๋ฉ‹์žˆ์œผ์„ธ์š” ์œ ์ง„๋‹˜ :)

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ
comment-user-thumbnail
2021๋…„ 5์›” 2์ผ

๋ฏธ๋‹ˆ๋ฃธ ๊ฐœ๋ฐœ ์‹œ์ž‘ํ•˜๋ ค๋Š” ์‚ฌ๋žŒ์ž…๋‹ˆ๋‹ค. ๊ฒ€์ƒ‰ํ•˜๋‹ค๊ฐ€ ์šฐ์—ฐํžˆ ๋ฐœ๊ฒฌํ•˜์—ฌ ๊ฐœ๋ฐœ์‹œ ์ฐธ๊ณ ํ•˜๋ ค ํ•ฉ๋‹ˆ๋‹ค. ์ •๋ง ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค ์„ ๋ฐฐ๋‹˜

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ