Search

์„œ๊ฐ•์‹ ์ฒญ

์ง„ํ–‰๊ธฐ๊ฐ„
2021/07/10 โ†’ 2021/08/16
์—ญํ• 
ํ”„๋ก ํŠธ์—”๋“œ
์†์„ฑ
WEB
์„œ๋น„์Šค ์ƒํƒœ
์„œ๋น„์Šค ์ข…๋ฃŒ

ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

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

๊ธฐ๊ฐ„ ๋ฐ ํŒ€ ๋นŒ๋”ฉ

๊ธฐ๊ฐ„
โ€ข
๊ธฐํš ๊ธฐ๊ฐ„ : 21.07.10 ~ 21.07.19
โ€ข
๊ฐœ๋ฐœ ๊ธฐ๊ฐ„ : 21.07.20 ~ 21.08.16
๊ฐœ๋ฐœ ์ธ์›
โ€ข
web : 3๋ช… ( ๋ณธ์ธ ํฌํ•จ )
โ€ข
server : 2๋ช…
โ€ข
design : 1๋ช…
โ€ข
์ „ ์ธ์› ๊ธฐํš ์ฐธ์—ฌ

์™€์ด์–ดํ”„๋ ˆ์ž„

๋ชฉ์—…(mock-up)

์„œ๋น„์Šค ๋ฆฌ๋ทฐ

๋‚ด๊ฐ€ ๊ฐœ๋ฐœํ•œ ํŒŒํŠธ๋Š” ํ‘œ์‹œ๋ฅผ ํ–ˆ๋‹ค.
1.
๋ฉ”์ธ ๊ฒ€์ƒ‰ ํŽ˜์ด์ง€
โ€ข
๊ฒ€์ƒ‰์˜ต์…˜, ํ•„ํ„ฐ์˜ต์…˜ ์„ค์ •
โ€ข
์นด๋“œ UI ๋กœ ๊ฒ€์ƒ‰๊ฒฐ๊ณผ ํ‘œ์‹œ
โ€ข
์ขŒ,์šฐ์ธก ์‚ฌ์ด๋“œ๋ฐ”(๊ณผ๋ชฉ ์ƒ์„ธ๋ณด๊ธฐ, ์ตœ๊ทผ ๋ณธ ๊ณผ๋ชฉ, ์ฆ๊ฒจ์ฐพ๊ธฐ..)
2.
๋กœ๊ทธ์ธ/ํšŒ์›๊ฐ€์ž…
3.
๋งˆ์ดํŽ˜์ด์ง€
โ€ข
ํšŒ์›์ •๋ณด ๋ณ€๊ฒฝ
โ€ข
ํšŒ์›ํƒˆํ‡ด
โ€ข
์ฆ๊ฒจ์ฐพ๊ธฐ ๋ชฉ๋ก ์กฐํšŒ
4.
ํ”ผ๋“œ๋ฐฑ/๋ฌธ์˜
5.
๋ชจ๋ฐ”์ผ ๋ฐ˜์‘ํ˜• UI

์‹ค์ œ ์„œ๋น„์Šค ํ™”๋ฉด

๊ฒ€์ƒ‰์˜ต์…˜ & ํ•„ํ„ฐ์˜ต์…˜

๊ฒ€์ƒ‰์˜ต์…˜

ํ•™๋…„๋„/ํ•™๊ธฐ, ์ „๊ณต/์˜์—ญ, ํ•™๋…„, ํ•™์ , ์š”์ผ, ๊ฒ€์ƒ‰์–ด ์˜ต์…˜์„ ์„ ํƒํ•˜๋ฉด ๋ฐฑ์—”๋“œ ์„œ๋ฒ„์— api ์š”์ฒญ์„ ๋ณด๋‚ธ๋‹ค.

ํ•„ํ„ฐ์˜ต์…˜

๊ฒ€์ƒ‰๋œ ๊ฒฐ๊ณผ๋ฅผ ํ•„ํ„ฐ๋งํ•ด์ฃผ๋Š” ์˜ต์…˜์ด๋‹ค.
์›ํ•˜๋Š” ๊ต์ˆ˜,๊ฐ•์˜์–ธ์–ด,๋Œ€๋ฉด์—ฌ๋ถ€๋ฅผ ํ•„ํ„ฐ๋ง ํ•ด์ค€๋‹ค.
UX ํ–ฅ์ƒ์„ ์œ„ํ•ด, api ์š”์ฒญ์„ ํ•˜์ง€ ์•Š๊ณ  ํ”„๋ก ํŠธ ๋‹จ์—์„œ๋งŒ ์ฒ˜๋ฆฌํ•œ๋‹ค.

๋กœ๊ทธ์ธ/ํšŒ์›๊ฐ€์ž…

๋กœ๊ทธ์ธ

ํšŒ์›๊ฐ€์ž…

์ฆ๊ฒจ์ฐพ๊ธฐ

๋งˆ์ดํŽ˜์ด์ง€

ํ”ผ๋“œ๋ฐฑ/๋ฌธ์˜

๊ณผ๋ชฉ์ •๋ณด ๋ณ€๊ฒฝ ์‹œ, ์ด๋ฉ”์ผ ์•Œ๋ฆผ

๋ชจ๋ฐ”์ผ ๋ฐ˜์‘ํ˜• UI

๊ธฐ์ˆ  ์Šคํƒ

Front-end
โ€ข
React
โ€ข
Styled-components
โ€ข
Context api
โ€ข
AWS S3
Back-end
โ€ข
Flask
โ€ข
Selenium
โ€ข
Swagger
โ€ข
AWS EC2, RDS

ํ›„๊ธฐ

๋งŒ์กฑํ–ˆ๋˜ ์ 

โ€ข
๊ฐœ์ธ์ ์œผ๋กœ๋Š” ๋‚ด๊ฐ€ ๋Š๋‚€ ๋ถˆํŽธ์ ์„ ๋‚˜์™€ ์šฐ๋ฆฌ ํŒ€์›๋“ค์ด ์ง์ ‘ ๊ฐœ์„ ์„ ํ–ˆ๋‹ค๋Š” ๊ฒƒ์ด ์ œ์ผ ๋งŒ์กฑ์Šค๋Ÿฝ๋‹ค. ํด๋ก ์ฝ”๋”ฉ, ์™ธ์ฃผ, ๊ณผ์ œ ์ด๋Ÿฐ ๊ฒƒ๋“ค๋„ ๋ชจ๋‘ ์˜๋ฏธ๊ฐ€ ์žˆ๊ฒ ์ง€๋งŒ, ๋‚˜ ์Šค์Šค๋กœ๊ฐ€ ํ•„์š”๋กœ ํ–ˆ๊ณ  ๋˜ํ•œ ๋‚ด๊ฐ€ ๋Š๋‚€ ๋ถˆํŽธ์ ์„ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ ์œผ๋กœ ์ง์ ‘ ํ•ด๊ฒฐํ–ˆ๋‹ค๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ์˜๋ฏธ๊ฐ€ ์žˆ๊ณ  ๋ฟŒ๋“ฏํ•˜๋‹ค.
โ€ข
ํ•™๊ต ์ปค๋ฎค๋‹ˆํ‹ฐ, ํŽ˜์ด์Šค๋ถ ๊ต๋‚ด ๊ทธ๋ฃน, ์—๋ธŒ๋ฆฌํƒ€์ž„ ๋“ฑ์— ํ™๋ณด๋ฅผ ํ–ˆ๋”๋‹ˆ ๊ต๋‚ด ํ•™์šฐ๋“ค์˜ ๋ฐ˜์‘์ด ์ข‹์•˜๊ณ  ์‹ค ์‚ฌ์šฉ์ž๋„ ๋Š˜๊ณ  ์žˆ์–ด์„œ ๋ณด๋žŒ์ด ์ปธ๋‹ค.
โ€ข
ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ ์ง„๋กœ๋Š” ์•„๋‹ˆ์ง€๋งŒ, ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ ํ”„๋กœ์„ธ์Šค๋ฅผ ๊ฒช์–ด๋ด„์œผ๋กœ์จ ์›น ๊ฐœ๋ฐœ์˜ ์ „๋ฐ˜์ ์ธ ์‹œ์•ผ๊ฐ€ ๋„“์–ด์ง„ ๊ฒƒ์— ๋Œ€ํ•ด ๋งŒ์กฑํ•œ๋‹ค.
โ€ข
๊ฐœ์ธ์ ์œผ๋กœ๋Š” ์ƒˆ๋กœ์šด ๊ธฐ์ˆ ์Šคํƒ์— ๋Œ€ํ•œ ๋Ÿฌ๋‹์ปค๋ธŒ๊ฐ€ ํ‰๊ท ๋ณด๋‹ค ๋‚ฎ์€ ํŽธ์ด๋ผ๊ณ  ์ƒ๊ฐํ•œ๋‹ค.

์•„์‰ฌ์› ๋˜ ์  & ๋Š๋‚€ ์ 

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

github repository ๋งํฌ

sogang-register-web
itsme-shawn

๊ธฐํƒ€ ๋งํฌ

โ€ข
ํ•™๊ต ์‹ ๋ฌธ์‚ฌ์ธ ์„œ๊ฐ•ํ•™๋ณด์™€ ์ธํ„ฐ๋ทฐ
์„œ๊ฐ•ํ•™๋ณด - ์„œ๊ฐ•ไบบํ„ฐ๋ทฐ
์ผ์ƒ ์† ๋ถˆํŽธ์„ ์•„์ด๋””์–ด๋กœ ๋ฐ”๊พธ๊ณ , ์„œ๋น„์Šค ๊ฐœ๋ฐœ์„ ํ†ตํ•ด ์Šค์Šค๋กœ ๋ถˆํŽธ์„ ํ•ด๊ฒฐํ•˜๋ ค๋Š” ํŒ€์ด ์žˆ๋‹ค. ๋ณธ๊ต 6๋ช…์˜ ํ•™์šฐ(๊น€๋ฌธ๊ธฐยท๊น€์Šน์šฐยท๊น€ํ˜„์žฌยท์˜ค์ƒํ›ˆยท์ตœ์ •์›ยท์ตœํ˜„์ˆ˜)๋กœ ์ด๋ค„์ง„ ํŒ€ 'ํŒŒ์‚ฌ๋“œ'๋Š” ์„œ๊ฐ• ํ•™์šฐ๋“ค์˜ ์ˆ˜๊ฐ• ์‹ ์ฒญ์„ ๋•๋Š” '์„œ๊ฐ•์‹ ์ฒญ' ์„œ๋น„์Šค๋ฅผ ์„ ๋ณด์˜€๋‹ค. 6๋ช…์˜ ํŒ€์›๋“ค ์ค‘ ์ตœํ˜„์ˆ˜(์ปด๊ณต 18) ํ•™์šฐ๋ฅผ ๋งŒ๋‚˜๋ดค๋‹ค. ์„œ๊ฐ•์‹ ์ฒญ์€ ๊ฐœ์„ค ๊ต๊ณผ๋ชฉ ์ •๋ณด๋ฅผ ์‰ฝ๊ณ  ๋น ๋ฅด๊ฒŒ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š” ์›น์„œ๋น„์Šค๋กœ, ๊ธฐ์กด ์„ธ์ธํŠธ ๊ฐœ์„ค ๊ต๊ณผ๋ชฉ ์ •๋ณด(์„ธ์ธํŠธ)์˜ ๋นˆ์•ฝํ•œ ๊ฒ€์ƒ‰ ํ•„ํ„ฐ๋ง ๊ธฐ๋Šฅ๊ณผ ๋Š๋ฆฐ ์†๋„ ๊ฐœ์„ ์— ์ดˆ์ ์„ ๋งž์ถ˜ ์„œ๋น„์Šค์˜ˆ์š”.
โ€ข
์‹ค์ œ ์„œ๋น„์Šค ๊ฐœ๋ฐœ ์งํ›„ ์ž‘์„ฑํ•œ ํฌ์ŠคํŒ…
โ€ข
๊ฐœ๋ฐœ์ž๋“ค์˜ ์‚ฌ์ด๋“œํ”„๋กœ์ ํŠธ๋ฅผ ์†Œ๊ฐœํ•˜๋Š” Devfolio ๋ผ๋Š” ํ”Œ๋žซํผ์— ๊ฒŒ์‹œ๋จ