Search
Duplicate

Linkareer

์‚ฌ์šฉ ๊ธฐ์ˆ 
MySQL GraphQL Express.js Sequelize React Next.js TypeScript Material UI

๋ง์ปค๋ฆฌ์–ด TWA ํ”„๋กœ์ ํŠธ ๊ฐœ๋ฐœ (2020.8)

๋ชจ๋ฐ”์ผ์•ฑ์— ๋Œ€ํ•œ ์ง€์†์ ์ธ ์ˆ˜์š”, ์„œ๋น„์Šค ์ ‘๊ทผ์„ฑ์„ ๋†’์ด๊ธฐ ์œ„ํ•œ ์•ฑ ๊ฐœ๋ฐœ ์ง„ํ–‰
โ€ข
์›น์•ฑ ๊ธฐ์ˆ ์กฐ์‚ฌ ํ›„ ๋‚ก๊ฑฐ๋‚˜ ๊ฐœ๋ฐœ์ค‘์ธ ๊ธฐ์ˆ , ๋ฐฐํฌ์‹œ๋งˆ๋‹ค ๋น„์šฉ์ด ๋“œ๋Š” ๊ฒƒ๋“ค์„ ์ œ์™ธํ•˜๊ณ  TWA ์ฑ„ํƒ.
โ€ข
PWA๋กœ ๋งŒ๋“ค์—ˆ๋˜ ์›น์•ฑ์„ TWA ํ”„๋กœ์ ํŠธ๋กœ ๋งŒ๋“ค์–ด ์•ˆ๋“œ๋กœ์ด๋“œ ์•ฑ์—์„œ ์ ‘๊ทผ ๊ฐ€๋Šฅํ•˜๋„๋ก ๊ฐœ๋ฐœ

๋ง์ปค๋ฆฌ์–ด PWA (2020.6)

๋ชจ๋ฐ”์ผ ์ ‘๊ทผ์„ฑ ์ฆ๊ฐ€๋ฅผ ์œ„ํ•œ ์›น์•ฑ ์ œ์ž‘
โ€ข
๋ชจ๋ฐ”์ผ์—์„œ์˜ ์ ‘๊ทผ์„ฑ, ์˜คํ”„๋ผ์ธ์—์„œ์˜ ๋™์ž‘์„ ์œ„ํ•ด PWA ์ œ์ž‘.
โ€ข
ํŒ€์›๋“ค๊ณผ PWA ์Šคํ„ฐ๋””๋ฅผ ํ†ตํ•ด ์‚ฌ์ „ ์ค€๋น„ ํ›„, ์‹ค์ œ ์—…๋ฌด์—์„œ PWA๋กœ ์ œ์ž‘
โ€ข
์ดํ›„ ์žˆ์„ ๋ชจ๋ฐ”์ผ์•ฑ ์ œ์ž‘์„ ์œ„ํ•ด Cordova, Ionic capacitor, TWA, Webview ๋“ฑ ๋ชจ๋ฐ”์ผ์•ฑ ๊ธฐ์ˆ ์กฐ์‚ฌ

์ปค๋ฎค๋‹ˆํ‹ฐ ๋ ˆ๊ฑฐ์‹œ ๊ธฐ์ˆ  ๋Œ€์ฒด (2019.09 ~ 2019. 10)

์ดํƒˆ์œจ ๊ฐ์†Œ, ๋ฆฌํ…์…˜ ์ˆ˜์น˜ ์ฆ๊ฐ€๋ฅผ ์œ„ํ•œ ์ปค๋ฎค๋‹ˆํ‹ฐ ์„œ๋น„์Šค ๋ฆฌ๋‰ด์–ผ
โ€ข
์ œ๋กœ๋ณด๋“œ๋กœ ๋งŒ๋“ค์–ด์ง„ ๋ ˆ๊ฑฐ์‹œ๋ฅผ typescript, node, graphql๋กœ ๋Œ€์ฒด
โ€ข
Shopify์˜ graphql-design-tutorial์„ ๋ฒˆ์—ญ ๋ฐ ์ฐธ๊ณ ํ•ด ์ชฝ์ง€ํ•จ, ์•Œ๋ฆผ, ๋ฉ”๋‰ด์˜ GraphQL ์Šคํ‚ค๋งˆ ์„ค๊ณ„ API ์ž‘์„ฑ.
โ€ข
์ปค๋ฎค๋‹ˆํ‹ฐ ๋ฉ”๋‰ด, ์ชฝ์ง€ํ•จ ํด๋ผ์ด์–ธํŠธ ๊ฐœ๋ฐœ
๊ด€๋ จ ํฌ์ŠคํŠธ

๋ง์ปค๋ฆฌ์–ด X ํƒ€์ž„์Šคํ”„๋ ˆ๋“œ ํ†ตํ•ฉํšŒ์› (2019.11 ~ 2019. 12)

ํƒ€์ž„์Šคํ”„๋ ˆ๋“œ ์บ์‹œ์™€์˜ ์—ฐ๋™์„ ์œ„ํ•œ ํšŒ์› ํ†ตํ•ฉ ์ž‘์—… ์ง„ํ–‰
โ€ข
passport ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‚ฌ์šฉํ•ด ์นด์นด์˜ค, ๋„ค์ด๋ฒ„, ํŽ˜์ด์Šค๋ถ SNS ๋กœ๊ทธ์ธ ์—ฐ๋™
โ€ข
๋‹‰๋„ค์ž„, ์ด๋ฉ”์ผ ์ค‘๋ณต ๊ฒ€์‚ฌ API ์ž‘์„ฑ ๋ฐ ํด๋ผ์ด์–ธํŠธ ๊ฐœ๋ฐœ
โ€ข
์–ด๋“œ๋ฏผ์—์„œ ์ง€์†์ ์ธ ํšŒ์›๊ฐ€์ž… ์‹คํŒจ๊ฐ€ ํ™•์ธ๋ผ sentry ์—ฐ๊ฒฐํ•ด ํด๋ผ์ด์–ธํŠธ, ์„œ๋ฒ„ ๋ชจ๋‹ˆํ„ฐ๋ง

๋ง์ปค๋ฆฌ์–ด ๊ฒ€์ƒ‰ํŽ˜์ด์ง€ ๋ ˆ๊ฑฐ์‹œ ๊ธฐ์ˆ  ๋Œ€์ฒด ๋ฐ ๋ฆฌ๋‰ด์–ผ(2020.2 ~ 2020. 3)

์˜ค๋ž˜๋œ ๊ธฐ์ˆ  ์Šคํƒ ๊ต์ฒด ๋ฐ ๋””์ž์ธ ๋ฆฌ๋‰ด์–ผ
โ€ข
CoffeeScript, Django์˜ ๋ ˆ๊ฑฐ์‹œ ์ฝ”๋“œ๋ฅผ Typescript, GraphQL ๋“ฑ์˜ ๊ธฐ์ˆ ๋กœ ๊ต์ฒด
โ€ข
๊ฒ€์ƒ‰ํŽ˜์ด์ง€ ์ปค๋ฎค๋‹ˆํ‹ฐ ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ ๋ฆฌ์ŠคํŠธ ๋ฐ ์šฐ์ธก ์‚ฌ์ด๋“œ ๋ฉ”๋‰ด ํด๋ผ์ด์–ธํŠธ/์–ด๋“œ๋ฏผ ๊ฐœ๋ฐœ
โ€ข
์ฑ„์šฉ, ๊ฒ€์ƒ‰ ํŽ˜์ด์ง€์— ๊ตฌ๊ธ€ ์• ๋“œ์„ผ์Šค ์ถ”๊ฐ€

๋ง์ปค๋ฆฌ์–ด ๋ฉ”์ธ ํŽ˜์ด์ง€ ๋ ˆ๊ฑฐ์‹œ ๊ธฐ์ˆ  ๋Œ€์ฒด ๋ฐ ๋ฆฌ๋‰ด์–ผ(2020.7)

๋ฉ”์ธ ํŽ˜์ด์ง€ ๋ ˆ๊ฑฐ์‹œ ๊ธฐ์ˆ  ๊ต์ฒด, ๋””์ž์ธ ๊ฐœ์„ 
โ€ข
CoffeeScript, Django๋กœ ๊ตฌํ˜„๋œ ๋ ˆ๊ฑฐ์‹œ๋ฅผ Typescript, Node, Graphql ๋“ฑ์œผ๋กœ ๋Œ€์ฒด
โ€ข
ํ•ฉ๊ฒฉ์ž๋ฃŒ, ์ถ”์ฒœํ™œ๋™, ์‹ค์‹œ๊ฐ„ ์ธ๊ธฐ์ฑ„์šฉ ๋ฐ ํ™œ๋™ ์ •๋ณด ํด๋ผ์ด์–ธํŠธ ๊ฐœ๋ฐœ. ํŠธ๋ž˜ํ”ฝ์ด ๋งŽ์€ ํŽ˜์ด์ง€์ด๋ฏ€๋กœ cloudinary๋กœ ์ด๋ฏธ์ง€ ์ตœ์ ํ™” ๋ฐ Lazy ๋กœ๋”ฉ์œผ๋กœ ํผํฌ๋จผ์Šค ์ฆ๊ฐ€
โ€ข
๊ด‘๊ณ  CRUD API ๊ฐœ๋ฐœ
โ€ข
๊ด‘๊ณ  ๋“ฑ๋ก ๋ฐ ์˜ˆ์•ฝ ์–ด๋“œ๋ฏผ ๊ฐœ๋ฐœ

์ฑ„์šฉ ํƒญ ๊ณต๊ณ  ๋“ฑ๋ก, ๋ฆฌ์ŠคํŠธ ๊ฐœ๋ฐœ (2019.12 ~ 2020. 1)

์ทจ์—…์ค€๋น„์ƒ์„ ์œ„ํ•œ ์ฑ„์šฉ ๊ณต๊ณ  ํŽ˜์ด์ง€ ๊ฐœ๋ฐœ
โ€ข
์ฑ„์šฉ ๊ณต๊ณ  ๋“ฑ๋ก, ๋ฆฌ์ŠคํŠธ ์กฐํšŒ API ๊ฐœ๋ฐœ
โ€ข
๊ณต๊ณ  ๋“ฑ๋ก STEP2 ํด๋ผ์ด์–ธํŠธ ๊ฐœ๋ฐœ.
โ€ข
์ฑ„์šฉ ๊ณต๊ณ  ๊ด€๋ฆฌ ์–ด๋“œ๋ฏผ ๊ฐœ๋ฐœ.

๋ง์ปค๋ฆฌ์–ด ํ•ฉ๊ฒฉ์ž์†Œ์„œ ํŽ˜์ด์ง€ ๊ฐœ๋ฐœ(2020.4 ~ 2020. 5)

์ŠคํŽ™์—…์• ๋“œ ์นดํŽ˜์˜ ํ•ฉ๊ฒฉ์ž์†Œ์„œ ๋ฐ์ดํ„ฐ ํ™œ์šฉํ•œ ํ•ฉ๊ฒฉ์ž์†Œ์„œ ํŽ˜์ด์ง€ ๊ฐœ๋ฐœ
โ€ข
ํ•ฉ๊ฒฉ์ž์†Œ์„œ ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ ๋ฆฌ์ŠคํŠธ, ์ƒ์„ธํŽ˜์ด์ง€ ํด๋ผ์ด์–ธํŠธ ๊ฐœ๋ฐœ
โ€ข
ํ•ฉ๊ฒฉ์ž์†Œ์„œ CRUD API ๊ฐœ๋ฐœ
Made with