Skip to content

Moing๐Ÿ’ฌ ใ€ŽMock interview service using ChatGPTใ€ / ๋ชจ์ž‰๐Ÿ’ฌ ใ€ŽChatGPT๋ฅผ ํ™œ์šฉํ•œ ๋ชจ์˜ ์ธํ„ฐ๋ทฐ ์„œ๋น„์Šคใ€

Notifications You must be signed in to change notification settings

lumirlumir/web-moing.lumir.page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

ChatGPT๋ฅผ ํ™œ์šฉํ•œ ์ธํ„ฐ๋ทฐ ์„œ๋น„์Šค ๊ฐœ๋ฐœ

์ด ๋ฌธ์„œ๋Š” '์ „๋ถ๋Œ€ํ•™๊ต' '์‚ฐํ•™์‹ค์ „์บก์Šคํ†ค2(2๋ถ„๋ฐ˜)' '๊น€์šฉํ˜„ ๊น€์˜์ˆ˜ ๊น€์˜์•„' ํŒ€์˜ 'ChatGPT๋ฅผ ํ™œ์šฉํ•œ ์ธํ„ฐ๋ทฐ ์„œ๋น„์Šค ๊ฐœ๋ฐœ' ํ”„๋กœ์ ํŠธ์— ๊ด€ํ•œ ๋ฌธ์„œ์ด๋‹ค. ํ•ด๋‹น ํ”„๋กœ์ ํŠธ์— ๊ด€๋ จ๋œ ๋ชจ๋“  ๋‚ด์šฉ๋“ค์€ Github Repository๋ฅผ ํ†ตํ•ด ๊ด€๋ฆฌ๋œ๋‹ค.

0. Index

1. Basic Information

1-1. Links

1-2. Project Info

  • ๊ณผ์ œ๋ช…: ChatGPT๋ฅผ ํ™œ์šฉํ•œ ์ธํ„ฐ๋ทฐ ์„œ๋น„์Šค ๊ฐœ๋ฐœ
  • ์ง€์› ์œ ํ˜•: ์‚ฐํ•™ ๊ณผ์ œ
  • ๊ณผ์ œ ๋ถ„์•ผ: ์ธ๊ณต์ง€๋Šฅ, ์›น์„œ๋น„์Šค
  • ์ˆ˜ํ–‰ ๊ธฐ๊ฐ„: 2024๋…„ 03์›” 25์ผ ~ 2024๋…„ 06์›” 17์ผ

1-3. Team Info

  • ํŒ€๋ช…: ๊น€์šฉํ˜„ ๊น€์˜์ˆ˜ ๊น€์˜์•„

  • ํŒ€์žฅ: ๊น€์šฉํ˜„

  • ํŒ€์›: ๊น€์šฉํ˜„, ๊น€์˜์ˆ˜, ๊น€์˜์•„

  • ์—ญํ• :

    ์ด๋ฆ„ ๋‹ด๋‹น ์ˆ˜ํ–‰์—ญํ•  ๋น„๊ณ 
    ๊น€์šฉํ˜„ Web Front-End Development React.js ๊ธฐ๋ฐ˜์˜ SPA Front-End Web Page ๊ฐœ๋ฐœ, ๊ฐ์ข… ๋งˆํฌ๋‹ค์šด ๋ฌธ์„œใ†ํ•œ๊ธ€ ๋ฌธ์„œใ† ๊ณ„ํš์„œใ†๋ณด๊ณ ์„œ ์ž‘์„ฑ, Repository ๊ด€๋ฆฌ, ๋ฐœํ‘œ ๋“ฑ. ํŒ€์žฅ
    ๊น€์˜์ˆ˜ Administrative Processing, Research ํ–‰์ • ์ฒ˜๋ฆฌ, ์žฌ๋ฌด ๊ด€๋ฆฌ, ์ž๋ฃŒ ์กฐ์‚ฌ ๋“ฑ. ํŒ€์›
    ๊น€์˜์•„ ChatGPT Prompt Engineering ChatGPT Prompt Engineering, ChatGPT ๊ด€๋ จ API ๊ฐœ๋ฐœ ๋“ฑ. ํŒ€์›

1-4. Scheduling Info

Github Issues์™€ Github Projects๋ฅผ ํ†ตํ•œ ์„ธ๋ถ€์ ์ธ ์Šค์ผ€์ฅด ๊ด€๋ฆฌ ์ง„ํ–‰.

๊ฐœ๋žต์ ์ธ ์ผ์ •์€ ์•„๋ž˜์™€ ๊ฐ™๋‹ค.

์ถ”์ง„ ๋‚ด์šฉ(Milestone) ~3.25 ~4.15 ~4.30 ~5.15 ~5.31 ~6.17
Common_Acquisition of development related knowledge O O O O
Front-End_Design O O
Front-End_Implementation O O
Back-End_ChatGPT O O
Common_Testing and debugging O
Common_Feedback O

1-5. Meeting Info

Github Issues๋ฅผ ํ†ตํ•œ ํŒ€ ํ™œ๋™ ๋‚ด์—ญ ๋ฐ ์ฃผ๊ฐ„ ํšŒ์˜ ๋‚ด์—ญ ๊ด€๋ฆฌ ์ง„ํ–‰. (docs/JBNU ๋””๋ ‰ํ„ฐ๋ฆฌ ๋‚ด๋ถ€์˜ ๋ฌธ์„œ๋“ค์€ ํ–‰์ • ์ฒ˜๋ฆฌ๋ฅผ ์œ„ํ•ด ๊ธฐ์กด ๋‚ด์šฉ๋“ค์„ ๋”ฐ๋กœ ๊ฐ€๊ณตํ•˜์—ฌ ์ฒ˜๋ฆฌํ•œ .hwp ๋ฐ .pdf ๋ฌธ์„œ๋“ค์ด๋‹ค.)

2. Requirements Specification

์ฐธ์—ฌ ๊ธฐ๊ด€์˜ ๋ถˆ์ฐธ์œผ๋กœ ํ˜‘์—…์ด ๋ถˆ๊ฐ€๋Šฅํ•ด์ ธ, ์‚ฐํ•™ ์—ฐ๊ณ„ ํ”„๋กœ์ ํŠธ๊ฐ€ ์•„๋‹Œ ๋‹จ์ˆœ ํŒ€ ํ”„๋กœ์ ํŠธ๋กœ ๋ณ€๊ฒฝ๋˜์—ˆ๋‹ค.

2-1. ์ฐธ์—ฌ ๊ธฐ๊ด€์˜ ์ œ์•ˆ ๋‚ด์šฉ

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

  1. ์ „๋ฌธ์„ฑ ๊ฒ€์ฆ์„ ์œ„ํ•œ ์งˆ๋ฌธ ์ž๋™ ์ƒ์„ฑ. (CS, FE, BE, DB, OOP)

    • ChatGPT API๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๊ด€๋ จ ์งˆ๋ฌธ์„ ์ƒ์„ฑํ•œ๋‹ค.
    • ์งˆ๋ฌธ์€ ์ค‘๋ณต๋˜์ง€ ์•Š์•„์•ผ ํ•œ๋‹ค.
    • ์งˆ๋ฌธ ์ˆ˜๋Š” ์˜์—ญ(CS, FE, BE, DB, OOP)๋ณ„๋กœ ์„ค์ •ํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค.
    • ์งˆ๋ฌธ ์ˆ˜(๋ฉ”์ธ ์งˆ๋ฌธ/๊ผฌ๋ฆฌ ์งˆ๋ฌธ)๋ฅผ ์„ค์ •ํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค.
    • ๊ผฌ๋ฆฌ ์งˆ๋ฌธ์€ ์ธํ„ฐ๋ทฐ์ด์˜ ๋‹ต๋ณ€์„ ๊ธฐ๋ฐ˜์œผ๋กœ ์—ฐ๊ด€๋œ ์งˆ๋ฌธ์ด ์ƒ์„ฑ๋˜์–ด์•ผ ํ•œ๋‹ค.
  2. ์ธํ„ฐ๋ทฐ ์ง„ํ–‰.

    • ๋‹ต๋ณ€ ์‹œ๊ฐ„์„ ์ œํ•œํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค.
    • ๋‹ต๋ณ€์€ ์Œ์„ฑ๊ณผ ํ…์ŠคํŠธ๋กœ ์ œ์ถœ๋  ์ˆ˜ ์žˆ๋‹ค.
  3. ์ธํ„ฐ๋ทฐ ๊ฒฐ๊ณผ.

    • ์ธํ„ฐ๋ทฐ์ด์˜ ์ •๋ณด, ์งˆ๋ฌธ, ์งˆ๋ฌธ์— ๋Œ€ํ•œ ๋‹ต๋ณ€, ๋‹ต๋ณ€์— ๋Œ€ํ•œ ๋“ฑ๊ธ‰์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค.
    • ๋‹ต๋ณ€ ๋‚ด์šฉ์„ ๊ธฐ๋ฐ˜์œผ๋กœ ๋ฏธํก, ๋ณดํ†ต, ์šฐ์ˆ˜ ๋“ฑ๊ธ‰์œผ๋กœ ์ฑ„์ ํ•œ๋‹ค.
    • ์ฑ„์šฉ๊ณผ ๊ด€๋ จํ•˜์—ฌ AI ๋ฉด์ ‘๊ด€์˜ ์ข…ํ•ฉ์˜๊ฒฌ์ด ์ž‘์„ฑ๋˜์–ด์•ผ ํ•œ๋‹ค.

2-2. ๊ณผ์ œ ๋ฐฐ๊ฒฝ ๋ฐ ๋ชฉ์ 

ํ•ด์™ธ์—๋Š” โ€˜LeetCode-Mock Interviewโ€™, โ€˜Prampโ€™, โ€˜Interview Buddyโ€™ ๋“ฑ์˜ ๋‹ค์–‘ํ•œ ๋ชจ์˜ ์ธํ„ฐ๋ทฐ(Mock Interview) ์„œ๋น„์Šค๋“ค์ด ์กด์žฌํ•œ๋‹ค. 'LeetCode-Mock Interview'์™€ 'Pramp'์˜ ๊ฒฝ์šฐ์—๋Š” ์ฝ”๋”ฉ ํ…Œ์ŠคํŠธ ๊ธฐ๋ฐ˜์˜ ์‹ค์‹œ๊ฐ„ ๋ชจ์˜ ์ธํ„ฐ๋ทฐ๋ฅผ ์ง„ํ–‰ํ•˜๋Š” ํ”Œ๋žซํผ์ด๋ฉฐ, 'Interview Buddy'์˜ ๊ฒฝ์šฐ์—๋Š” ๋ฉด์ ‘๊ด€๊ณผ ์ง€์›์ž์˜ 1๋Œ€1 ๋งค์นญ์„ ํ†ตํ•ด ์‹ค์‹œ๊ฐ„ ๋ชจ์˜ ์ธํ„ฐ๋ทฐ๋ฅผ ์ง„ํ–‰ํ•˜๋Š” ํ”Œ๋žซํผ์ด๋‹ค.

์œ„ ํ”Œ๋žซํผ๋“ค์€ ๊ฐ๊ฐ ์ž์‹ ๋“ค๋งŒ์˜ ๋ฐฉ๋ฒ•์œผ๋กœ ์‹ค์‹œ๊ฐ„ ๋ชจ์˜ ์ธํ„ฐ๋ทฐ๋ฅผ ์ง€์›ํ•˜์ง€๋งŒ, ์ด๋“ค์€ ๋ชจ๋‘ ์ž์—ฐ์–ด ์ฒ˜๋ฆฌ AI(ChatGPT ๋“ฑ)๋ฅผ ํ™œ์šฉํ•œ ๋Œ€ํ™” ๊ธฐ๋ฐ˜์˜ ์ธํ„ฐ๋ทฐ ์„œ๋น„์Šค๋Š” ์•„๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์„œ๋น„์Šค๋ฅผ ์ฐพ๊ธฐ ์œ„ํ•ด ๋‹ค์–‘ํ•œ ํ”Œ๋žซํผ๋“ค์„ ์กฐ์‚ฌํ•ด ๋ดค์ง€๋งŒ, ๊ตญ๋‚ดใ†์™ธ ๋ชจ๋‘ ์ž์—ฐ์–ด ์ฒ˜๋ฆฌ AI(ChatGPT ๋“ฑ)๋ฅผ ํ™œ์šฉํ•œ ๋Œ€ํ™” ๊ธฐ๋ฐ˜์˜ ์ธํ„ฐ๋ทฐ ์„œ๋น„์Šค๋Š” ์ „๋ฌดํ•œ ์ƒํ™ฉ์ด๋‹ค. ๊ทธ๋ ‡๋‹ค๋ฉด, ๊ธฐ์—…์—์„œ ์ด๋Ÿฌํ•œ ์ธํ„ฐ๋ทฐ ์„œ๋น„์Šค๊ฐ€ ํ•„์š”ํ•œ ์ด์œ ๋Š” ๋ฌด์—‡์ผ๊นŒ?

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

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

2-3. ๊ธฐ๋Œ€ ํšจ๊ณผ ๋ฐ ํ™œ์šฉ ๋ฐฉ์•ˆ

๊ฐœ๋ฐœํ•˜๋ ค๋Š” ํ”Œ๋žซํผ์˜ ์ด์‹์„ฑ, ํ™•์žฅ์„ฑ, ๊ทธ๋ฆฌ๊ณ  ์„ฑ๋Šฅ์ด ๋ณด์žฅ๋œ๋‹ค๋ฉด, ํ•ด๋‹น ํ”Œ๋žซํผ์€ IT ๋ถ„์•ผ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋‹ค์–‘ํ•œ ๊ธฐ์—…์—์„œ์˜ ์ฑ„์šฉ ๊ณผ์ •์—์„œ ํ™œ์šฉ๋  ์ˆ˜ ์žˆ๋‹ค.

๊ตญใ†๋‚ด์™ธ ํ”Œ๋žซํผ ์ค‘์—์„œ ํ˜„์žฌ ๊ฐœ๋ฐœํ•˜๋ ค๋Š” ๋‚ด์šฉ๊ณผ ๊ฐ€์žฅ ์œ ์‚ฌํ•œ ๊ธฐ์ˆ ์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” ํ•ด์™ธ ์›น ํ”Œ๋žซํผ์„ ํ•˜๋‚˜ ์‚ดํŽด๋ณด์ž. โ€˜LeetCodeโ€™๋ž€ ํ•ด์™ธ ์›น ํ”Œ๋žซํผ์ด ์žˆ๋‹ค. ์ด๋Š” ๊ตญ๋‚ด์˜ โ€˜ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šคโ€™, โ€˜๋ฐฑ์ค€โ€™ ๋“ฑ๊ณผ ๊ฐ™์€ PS(Problem Solving) ๋ฌธ์ œ๋“ค์„ ์ œ๊ณตํ•˜๋Š” ํ”Œ๋žซํผ์ด๋‹ค. ๋‹จ, ์—ฌ๊ธฐ์—๋Š” ํ•˜๋‚˜ ํฐ ์ฐจ์ด์ ์ด ์žˆ๋Š”๋ฐ, โ€˜LeetCodeโ€™๋Š” ์ด๋ฏธ ํ•ด์™ธ ๊ธฐ์—…(Google, Apple, Facebook, Microsoft ๋“ฑ)๋“ค์˜ ๋‹ค์–‘ํ•œ ๊ฐ€์ƒ ๋ชจ์˜ ์ธํ„ฐ๋ทฐ๋ฅผ ์ œ๊ณตํ•œ๋‹ค๋Š” ๊ฒƒ์ด๋‹ค. ์—ฌ๊ธฐ์—๋Š” ๊ธฐ์—…์— ๋”ฐ๋ฅธ ์งˆ๋ฌธ ์ž๋™ ์ƒ์„ฑ, ๋‹ต๋ณ€ ์‹œ๊ฐ„ ์ œํ•œ, ๋‹ต๋ณ€์— ๋Œ€ํ•œ ๋“ฑ๊ธ‰ ํ™•์ธ, ๋ฉด์ ‘๊ด€์˜ ์ข…ํ•ฉ์˜๊ฒฌ ์ž‘์„ฑ ๋“ฑ ์šฐ๋ฆฌ๊ฐ€ ๊ฐœ๋ฐœํ•˜๊ณ ์ž ํ•˜๋Š” ๋‚ด์šฉ๊ณผ ์œ ์‚ฌํ•œ ์ผ๋ถ€ ๊ธฐ์ˆ ๋“ค์ด ์‚ฌ์šฉ๋œ๋‹ค.

ํ•˜์ง€๋งŒ, ์ฃผ๋ชฉํ•ด์•ผ ํ•  ์ ์€ ์ด๋“ค์€ ๋ชจ๋‘ ์ž์—ฐ์–ด ์ฒ˜๋ฆฌ AI(ChatGPT ๋“ฑ)๋ฅผ ํ™œ์šฉํ•œ ๋Œ€ํ™” ๊ธฐ๋ฐ˜์˜ ์ธํ„ฐ๋ทฐ ์„œ๋น„์Šค๋Š” ์•„๋‹ˆ๋ผ๋Š” ๊ฒƒ์ด๋‹ค. ์ด๋“ค์€ ๊ธฐ์—…์—์„œ ๋ฐฐํฌํ•œ ์งˆ๋ฌธ๋“ค์„ ๋ฐ”ํƒ•์œผ๋กœ, ๋‹ต์ด ์ •ํ•ด์ ธ ์žˆ๋Š” ์‹ค์‹œ๊ฐ„ ์ฝ”๋”ฉ ํ…Œ์ŠคํŠธ ๋ฌธ์ œ๋“ค์„ ์ƒ์„ฑํ•  ๋ฟ์ด๋‹ค. ๊ทธ๋ ‡๊ธฐ์—, ์ด๋Ÿฌํ•œ ์„œ๋น„์Šค๋“ค์— ๋”ํ•ด ์ž์—ฐ์–ด ์ฒ˜๋ฆฌ AI(ChatGPT ๋“ฑ)๋ฅผ ํ™œ์šฉํ•œ ๋Œ€ํ™” ๊ธฐ๋ฐ˜์˜ ์ธํ„ฐ๋ทฐ ์„œ๋น„์Šค๋ฅผ ๊ฐœ๋ฐœํ•  ๊ฒฝ์šฐ ๊ตญใ†๋‚ด์™ธ์—์„œ ์ฐจ๋ณ„์„ฑ์žˆ๋Š” ์„œ๋น„์Šค๊ฐ€ ๊ฐ€๋Šฅํ•  ๊ฒƒ์œผ๋กœ ์˜ˆ์ƒ๋œ๋‹ค.

๋‹จ, ์ด๋Ÿฌํ•œ ํ”Œ๋žซํผ์„ ๊ฐœ๋ฐœํ•œ ๋’ค ์ธํ„ฐ๋ทฐ ์„œ๋น„์Šค ๋‹จ๋…์œผ๋กœ ๋ฐฐํฌํ•˜์—ฌ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์€ ํฐ ์˜๋ฏธ๊ฐ€ ์—†์„ ๊ฒƒ์ด๋‹ค. ์ž์—ฐ์–ด ์ฒ˜๋ฆฌ ๊ธฐ๋ฐ˜์˜ ์ธํ„ฐ๋ทฐ ์„œ๋น„์Šค ์—ญ์‹œ ์ฑ„์šฉ ์ ˆ์ฐจ์˜ ์ „์ฒด๊ฐ€ ์•„๋‹Œ ์ผ๋ถ€์—์„œ๋งŒ ํ™œ์šฉ๋˜๋Š” ๊ธฐ์ˆ ์ด๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ํ•ด๋‹น ๊ธฐ์ˆ ์„ ์ข€ ๋” ๋ณดํŽธ์ ์ด๊ณ  ํ™•์žฅ์„ฑ ์žˆ๊ฒŒ ํ™œ์šฉํ•˜๊ธฐ ์œ„ํ•ด ๊ตญ๋‚ด ํ”Œ๋žซํผ์œผ๋กœ ๋ˆˆ์„ ๋Œ๋ ค๋ณด์ž.

๊ตญ๋‚ด์˜ ๋‹ค์–‘ํ•œ IT ๊ธฐ์—…์˜ ์ฑ„์šฉ ๊ณผ์ •์—์„œ ํ™œ์šฉ๋˜๋Š” โ€˜ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šคโ€™๋ผ๋Š” ํ”Œ๋žซํผ์ด ์žˆ๋‹ค. ์ด๋Š” ํ•ด์™ธ์˜ 'LeetCode'์™€ ๊ฐ™์ด PS(Problem Solving)๋ฅผ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋Š” ํ”Œ๋žซํผ์ด๋‹ค. ๋‹ค์–‘ํ•œ ๊ธฐ์—…๋“ค์ด ํ•ด๋‹น ํ”Œ๋žซํผ์„ ์ด์šฉํ•˜์—ฌ ์ฑ„์šฉ ๊ณผ์ •์—์„œ์˜ ์ฝ”๋”ฉ ํ…Œ์ŠคํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋Š”๋ฐ, ์ด๋Š”, ๋งŒ์•ฝ์— ๊ธฐ์—…์—์„œ ๊ฐœ๋ณ„์ ์œผ๋กœ PSํ”Œ๋žซํผ์„ ๊ตฌ์ถ•ํ•˜๊ฑฐ๋‚˜, PS ์‹œํ—˜์„ ๋ณด๊ธฐ์œ„ํ•ด ์ธ๋ ฅ์„ ํˆฌ์ž…ํ•˜๊ฒŒ ๋œ๋‹ค๋ฉด, ์ƒ๋‹นํ•œ ๋น„์šฉ ์†์‹ค์ด ๋ฐœ์ƒํ•  ๊ฒƒ์ด๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. โ€˜๋ฐ”ํ€ด๋ฅผ ๋‹ค์‹œ ๋ฐœ๋ช…ํ•˜์ง€ ๋งˆ๋ผ.โ€™๋ผ๋Š” ๋ง์ด ์žˆ๋“ฏ์ด, ๊ธฐ์—…์€ ์ฑ„์šฉ ๊ณผ์ •์—์„œ์˜ ํ…Œ์ŠคํŠธ๋ฅผ ์œ„ํ•ด ์ƒˆ๋กœ์šด ํ”Œ๋žซํผ์„ ๊ตฌ์ถ•ํ•˜๊ฑฐ๋‚˜ ์ธ๋ ฅ์„ ํˆฌ์ž…ํ•  ํ•„์š” ์—†์ด, ์ด๋ฏธ ์ž˜ ๋งŒ๋“ค์–ด์ง„ ํ”Œ๋žซํผ์„ ํ™œ์šฉํ•˜๋ฉด ๋˜๋Š” ๊ฒƒ์ด๋‹ค.

๊ทธ๋ ‡๊ธฐ์—, โ€˜ChatGPT๋ฅผ ํ™œ์šฉํ•œ ์ธํ„ฐ๋ทฐ ์„œ๋น„์Šคโ€™๋ฅผ ์ด์‹์„ฑ ๋ฐ ํ™•์žฅ์„ฑ์žˆ๊ฒŒ ๊ฐœ๋ฐœํ•˜์—ฌ ๊ตญ๋‚ด์˜ โ€˜ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šคโ€™๋“ฑ๊ณผ ๊ฐ™์ด ์ด๋ฏธ ๋ณดํŽธ์ ์ด๊ณ  ์ž˜ ์•Œ๋ ค์ง„ ํ”Œ๋žซํผ์— ํ•ด๋‹น ๊ธฐ๋Šฅ์„ ์ด์‹ํ•  ์ˆ˜ ์žˆ๋‹ค๋ฉด, ๊ฐœ๋ฐœ ๋ฉด์ ‘์„ ์ค€๋น„ํ•˜๋Š” ์ทจ์—… ์ค€๋น„์ƒ๋“ค๊ณผ ์ฑ„์šฉ ์ ˆ์ฐจ๋ฅผ ์ง„ํ–‰ํ•˜๋Š” ๊ธฐ์—… ๋ชจ๋‘์—๊ฒŒ ๋„์›€์„ ์ค„ ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋‹ค. ์ทจ์—… ์ค€๋น„์ƒ๋“ค์€ ๋ชจ์˜ ๋ฉด์ ‘์„ ์ง„ํ–‰ํ•˜๋Š” ์‹œ๊ฐ„ใ†๋น„์šฉ์„ ์•„๋‚„ ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๊ณ , ๊ธฐ์—…์—์„œ๋Š” ํ•ด๋‹น ์ฑ„์šฉ ์ ˆ์ฐจ์— ์†Œ๋ชจ๋˜๋Š” ์ธ๋ ฅใ†์‹œ๊ฐ„ใ†๋น„์šฉ์„ ์ค„์—ฌ ๊ธฐ์—…์˜ ์˜์—… ์ด์ต ํ–ฅ์ƒ์„ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋‹ค.

2-4. ๋ฉ˜ํ† ๋ง ์ง„ํ–‰ ๋‚ด์—ญ

ํ•ด๋‹น ์ฃผ์ œ๋ฅผ ์ œ์‹œํ•œ ์ฐธ์—ฌ ๊ธฐ๊ด€์˜ ๋ถˆ์ฐธ์œผ๋กœ ๊ธฐ์—…๊ณผ์˜ ํ˜‘์—…์ด ๋ถˆ๊ฐ€๋Šฅํ•ด์ ธ, ๋Œ€์‹ ์—, ๋„ค์ด๋ฒ„์— ์žฌ์ง์ค‘์ธ ์‹œ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž ๋‘ ๋ถ„๊ณผ ํ•จ๊ป˜ ๋ฉ˜ํ† ๋ง์„ ์ง„ํ–‰ํ•˜์˜€๋‹ค.

2-4-1. Front-End

Front-End ๊ฐœ๋ฐœ์€ ํ˜„์žฌ ์„ค๊ณ„ํ•œ ๋ฐฉ์‹๋Œ€๋กœ ๊ณ„์† ์ง„ํ–‰ํ•œ๋‹ค๋ฉด ์ƒ๋‹นํžˆ ์ข‹์€ ๊ฒฐ๊ณผ๊ฐ€ ์žˆ์„ ๊ฒƒ์ด๋ผ ํ•˜์˜€๋‹ค. ์ƒํ™ฉ์— ๋งž๋Š” ๋‹ค์–‘ํ•œ ํˆด๋“ค์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๊ณ , ํ•ด๋‹น ํˆด๋“ค์„ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ ์™€ ์‚ฌ์šฉ๋ฒ•๋“ค๋„ ์ž˜ ์ˆ™์ง€ํ•˜๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์—, ๊ตฌํ˜„ ๊ณผ์ •๋งŒ ์ž˜ ์ง„ํ–‰ํ•œ๋‹ค๋ฉด ํฐ ๋ฌธ์ œ๊ฐ€ ์—†์„ ๊ฒƒ์ด๋ผ ํ•˜์˜€๋‹ค. ๋‹จ, ์„œ๋น„์Šค์˜ ์„ฑ๋Šฅ์„ ๋†’์ด๊ธฐ ์œ„ํ•ด์„œ ์บ์‹œ ๊ธฐ๋Šฅ์„ ์–ด๋–ป๊ฒŒ ํ™œ์šฉํ•  ๊ฒƒ์ธ์ง€์™€ ๋‹ค์–‘ํ•œ ์„œ๋น„์Šค๋“ค์„ ์œ„ํ•ด Browser์˜ ๋‚ด์žฅ Storage๋ฅผ ํ™œ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๊ณ ๋ฏผํ•ด๋ณด๋ผ๊ณ  ํ•˜์˜€๋‹ค.

2-4-2. Back-End(ChatGPT)

ํ˜„์žฌ ์ฃผ์ œ๋กœ ํ”„๋กœ์ ํŠธ ์ง„ํ–‰ ์‹œ, ๊ฐ€์žฅ ๋ˆˆ์—ฌ๊ฒจ ๋ณผ๋งŒํ•œ ๋ถ€๋ถ„์€ ChatGPT ๊ด€๋ จ ๋ถ€๋ถ„์ด๋ผ๊ณ  ํ•˜์˜€๋‹ค. ๋งŒ์•ฝ, ํ•ด๋‹น ํ”„๋กœ์ ํŠธ๋ฅผ ์ œ๋Œ€๋กœ ์ง„ํ–‰ํ•˜๊ฒŒ ๋  ๊ฒฝ์šฐ, ํ”„๋กฌํ”„ํŠธ ์—”์ง€๋‹ˆ์–ด๋ง ๋ถ€๋ถ„์ด ํ”„๋ก ํŠธ์—”๋“œ ๋ถ€๋ถ„์— ๋น„ํ•ด ํ›จ์”ฌ ๋†’์€ ์ค‘์š”๋„๋ฅผ ๊ฐ–๊ฒŒ ๋  ๊ฒƒ์ด๋ผ ํ•˜์˜€๋‹ค. ๋งŒ์•ฝ, ์ธํ„ฐ๋ทฐ์ด์˜ ๋‹ต๋ณ€์— ๋Œ€ํ•œ ๋“ฑ๊ธ‰์„ ํŒ๋‹จํ•˜๋Š” ๊ณผ์ •์—์„œ ์–ด๋ ค์›€์„ ๋Š๋‚„๊ฒฝ์šฐ, Back-End์— Database๋ฅผ ๋„์ž…ํ•  ๊ฒƒ์„ ๊ถŒํ•˜์˜€์œผ๋ฉฐ, ์ด๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ๋“ฑ๊ธ‰์„ ์–ด๋–ป๊ฒŒ ๋น„๊ตใ†ํŒ๋‹จํ•  ๊ฒƒ์ธ์ง€ ๊นŠ์ด์žˆ๊ฒŒ ๊ณ ๋ฏผํ•ด๋ณด๋ผ๊ณ  ํ•˜์˜€๋‹ค.

3. Design

๊ณผ์ œ์˜ ์„ค๊ณ„ ๋ฐ ๊ตฌํ˜„ ๋ถ„์•ผ๋Š” ํฌ๊ฒŒ 3๊ฐ€์ง€๋กœ ๋‚˜๋ˆŒ ์ˆ˜ ์žˆ๋‹ค. ์ฒซ์งธ๋Š” โ€˜Web Front-End Developmentโ€™, ๋‘˜์งธ๋Š” โ€˜ChatGPT Prompt Engineeringโ€™, ๋งˆ์ง€๋ง‰์œผ๋กœ๋Š” โ€˜Administrative Processing and Data Researchโ€™์ด๋‹ค. ๊ฐ๊ฐ์˜ ๋‚ด์šฉ์„ ์ž์„ธํžˆ ์‚ดํŽด๋ณด์ž.

3-1. Web Front-End Development

โ€˜Web Front-End Developmentโ€™์—์„œ๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ์ธํ„ฐ๋ทฐ ์„œ๋น„์Šค๋ฅผ ์œ„ํ•œ Web UI๋ฅผ ์„ค๊ณ„ํ•˜๊ณ , API๋ฅผ ํ†ตํ•ด Back-End Server์˜ ์—ญํ• ์„ ํ•˜๋Š” ChatGPT Server์™€ ํ†ต์‹ ํ•œ๋‹ค. ๊ฐœ๋ฐœ ๊ณผ์ •์—์„œ์˜ ํ˜‘์—…๊ณผ ์ผ๊ด€์„ฑ์„ ์œ„ํ•œ ๋‹ค์–‘ํ•œ ๋„๊ตฌ ๋ฐ ๊ธฐ์ˆ ๋“ค์ด ์‚ฌ์šฉ๋œ๋‹ค. ์ด๋“ค์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

3-1-1. Editor

  • VScode

3-1-2. Language

  • HTML
  • Markdown
  • CSS
  • SCSS
  • JavaScript(ES6)
  • JSON
  • YAML

3-1-3. Library

  • React.js

3-1-4. API

  • ChatGPT OpenAI API

3-1-5. Environment

  • Node.js (Node, NPM, Dotenv, ...)

3-1-6. Module Bundler

  • Webpack

3-1-7. Configuration Management

  • Github: ํ˜‘์—… ๋ฐ ํ˜•์ƒ๊ด€๋ฆฌ๋ฅผ ์œ„ํ•ด ์‚ฌ์šฉ.

3-1-8. Issues Tracking & Scheduling

  • Github Issues/Projects: ๊ฐœ๋ฐœ ์ค‘ ๋ฐœ์ƒํ•˜๋Š” Issues Tracking๊ณผ Scheduling์„ ์œ„ํ•ด ์‚ฌ์šฉ.

3-1-9. CI/CD

  • Github Workflows: ๋ฐฐํฌ ๋ฐ API Key ๊ด€๋ฆฌ๋ฅผ ํšจ์œจ์ ์œผ๋กœ ์ง„ํ–‰ํ•˜๊ธฐ ์œ„ํ•œ CI/CD ๋„๊ตฌ.

3-1-10. Distribution

  • Github Pages: ๊ฐœ๋ฐœ ์™„๋ฃŒ ํ›„, ์›น ํŽ˜์ด์ง€ ๋ฐฐํฌ๋ฅผ ์œ„ํ•ด ์‚ฌ์šฉ.

3-1-11. Conventions

  • EditorConfig: Global
  • esLint: JS
  • Prettier: JS
  • markdownlint: MD

3-1-12. Rules

  • Github Commit Rules
  • Github Branch Rules: Vincent Driessen์˜ Git Flow ์ „๋žต์„ ์ผ๋ถ€ ๋”ฐ๋ฅธ๋‹ค. main, develop, hotfix, feature ์ด 4๊ฐœ์˜ Branch๋กœ ๋ถ„๋ฆฌํ•˜์—ฌ ๊ฐœ๋ฐœ ์ง„ํ–‰.

3-1-13. Security

  • Github Secrets ๋ฐ Github Actions๋ฅผ ํ†ตํ•œ API Key ๊ด€๋ฆฌ.
  • JBNU/docs ๋””๋ ‰ํ„ฐ๋ฆฌ ๋‚ด ๋ชจ๋“  ๊ฐœ๋ณ„ ๋ฌธ์„œ ์•”ํ˜ธํ™”.

3-2. ChatGPT Prompt Engineering

โ€˜ChatGPT Prompt Engineeringโ€™์—์„œ๋Š” ์งˆ๋ฌธ์— ๋Œ€ํ•œ ์˜ฌ๋ฐ”๋ฅธ ๋‹ต๋ณ€์„ ์ œ๊ณตํ•˜๊ธฐ ์œ„ํ•ด, ๋‹ค์–‘ํ•œ Data๋“ค์„ ํ†ตํ•ด ChatGPT๋ฅผ ํ•™์Šต์‹œํ‚จ๋‹ค. Front-End์—์„œ ์š”์ฒญํ•œ JSON ํ˜•์‹์„ ํ™•์ธํ•˜์—ฌ ๋‹ค์–‘ํ•œ ์กฐ๊ฑด ๊ฐ’์— ๋”ฐ๋ฅธ ์˜ฌ๋ฐ”๋ฅธ ์‘๋‹ต์„ ์ œ๊ณตํ•ด์•ผ ํ•œ๋‹ค. ๊ฐœ๋ฐœ์„ ์œ„ํ•ด ์•Œ์•„์•ผ ํ•  ๊ธฐ์ˆ ๋“ค์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

  • ChatGPT Prompt Engineering
  • ChatGPT OpenAI API

3-3. Administrative Processing and Data Research

โ€˜Administrative Processing and Data Researchโ€™์—์„œ๋Š” ํ–‰์ • ์ฒ˜๋ฆฌ, ์žฌ๋ฌด ๊ด€๋ฆฌ, ์ž๋ฃŒ ์กฐ์‚ฌ ๋“ฑ์„ ์ง„ํ–‰ํ•œ๋‹ค. ๊ฐœ๋ฐœ ๊ณผ์ •์—์„œ ํ•„์ˆ˜์ ์ธ ์™ธ์ ์ธ ์š”์†Œ๋“ค์„ ๋ชจ๋‘ ๊ด€๋ฆฌํ•œ๋‹ค.

4. Implementation

About

Moing๐Ÿ’ฌ ใ€ŽMock interview service using ChatGPTใ€ / ๋ชจ์ž‰๐Ÿ’ฌ ใ€ŽChatGPT๋ฅผ ํ™œ์šฉํ•œ ๋ชจ์˜ ์ธํ„ฐ๋ทฐ ์„œ๋น„์Šคใ€

Resources

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project