๐Ÿ‘ท๐Ÿปโ€โ™€๏ธ ๊ณต์‚ฌ์ค‘ . . .

์•ˆ๋…•ํ•˜์„ธ์š”, ์ •์ฃผํ˜œ์ž…๋‹ˆ๋‹ค.

DX ๋ฐ ์ž๋™ํ™”

Work Experiences

์˜์‹์ฃผ์ปดํผ๋‹ˆ

2023.01 - ํ˜„์žฌ
Teck StackReact / Nextjs / typescript / redux-toolkit / styled-components / turborepo / yarn berry / storybook
Description๋ฐฑ์˜คํ”ผ์Šค / ์–ด๋“œ๋ฏผ / ๋ชจ๋…ธ๋ ˆํฌ / ์ฝ˜ํ…์ธ  ์—๋””ํ„ฐ

๋ฐฑ์˜คํ”ผ์Šค ๋ฐ ์–ด๋“œ๋ฏผ ๊ฐœ๋ฐœ

    Turborepo & yarn berry ๊ธฐ๋ฐ˜ ๋ชจ๋…ธ๋ ˆํฌ ๊ตฌ์ถ•

      php > react ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜

        ์ฝ˜ํ…์ธ  ์—๋””ํ„ฐ ๊ฐœ๋ฐœ

          ์  ํ‹€์—๋„ˆ์ง€

          2022.03 - 2023.01
          Teck StackNextjs / react-query / redux-toolkit / graphQL / recoil / typescript / scss / echarts / turborepo / storybook
          Description๋””์ž์ธ ์‹œ์Šคํ…œ / ์›น ์†”๋ฃจ์…˜ / ๋ชจ๋…ธ๋ ˆํฌ / ๋ฐฑ์˜คํ”ผ์Šค / ์–ด๋“œ๋ฏผ

          ๋””์ž์ธ ์‹œ์Šคํ…œ ๊ฐœ๋ฐœ

          • ์˜์กด๋„๋ฅผ ์—†์• ๊ณ  ์ž์œ ๋กœ์šด ์ปค์Šคํ„ฐ๋งˆ์ด์ง•์„ ์œ„ํ•ด ์™ธ๋ถ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์—†์ด 0๋ถ€ํ„ฐ ๊ฐœ๋ฐœ
          • ๋„ค์ด๋ฐ๊ณผ ์œ ์—ฐํ•จ์— ์ค‘์ ์„ ๋‘์–ด ๊ณตํ†ต ์ปดํฌ๋„ŒํŠธ ์ธํ„ฐํŽ˜์ด์Šค ์„ค๊ณ„ ๋ฐ ๊ฐœ๋ฐœ
          • UI ํ…Œ์ŠคํŠธ๋ฅผ ์œ„ํ•œ Storybook ํ”„๋กœ์ ํŠธ ๊ตฌ์„ฑ
          • ์ธํ„ฐํŽ˜์ด์Šค ์„ค๊ณ„ ๊ณผ์ • ๋ฐ ๊ณ ๋ฏผํ–ˆ๋˜ ์ ๋“ค์„ ๋ฌธ์„œํ™”ํ•˜์—ฌ ํŒ€๋‚ด ๊ณต์œ 

          ์›น ์†”๋ฃจ์…˜ ๊ฐœ๋ฐœ

          • react-query์˜ useQuery๋กœ ๋‹ค์ˆ˜์˜ API ๋™์‹œ ํ˜ธ์ถœ ์‹œ API ๊ฐœ์ˆ˜๋งŒํผ ๋ฐœ์ƒํ•˜๋Š” ๋ฆฌ๋ Œ๋”๋ง์„ 1ํšŒ๋กœ ๊ฐ์†Œ์‹œ์ผœ ๋ Œ๋”๋ง ์ตœ์ ํ™”
          • polling ๋ฐฉ์‹์„ ์ด์šฉํ•œ ์‹ค์‹œ๊ฐ„ ์ฐจํŠธ, ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™” ๋ฐ ๋Œ€์‹œ๋ณด๋“œ ๊ฐœ๋ฐœ
          • echarts ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ํŠธ๋ฆฌ์‰์ดํ‚น ์ ์šฉ์„ ํ†ตํ•ด ๋ฒˆ๋“ค ์‚ฌ์ด์ฆˆ ์ตœ์ ํ™” (์•ฝ 46% ๊ฐ์†Œ)
          • ๋‹ค๊ตญ์–ด ์ง€์› ๊ธฐ๋Šฅ์„ ๊ฐœ๋ฐœํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉํ•œ next-i18next ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์—์„œ ํœด๋จผ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ€๋Šฅ์„ฑ์„ ๊ฐœ์„ ํ•˜๊ธฐ ์œ„ํ•ด ์ž๋™ ์™„์„ฑ๋˜๋Š” object literal์„ ์ƒ์„ฑํ•ด์ฃผ๋Š” ์œ ํ‹ธํ•จ์ˆ˜ ๊ฐœ๋ฐœ

          Turborepo ๊ธฐ๋ฐ˜ ๋ชจ๋…ธ๋ ˆํฌ ๊ตฌ์ถ•

          • ๊ณตํ†ต config ํŒจํ‚ค์ง€ํ™”๋ฅผ ํ†ตํ•ด ํ”„๋กœ์ ํŠธ ์„ธํŒ… ๋ฆฌ์†Œ์Šค ๊ฐ์†Œ
          • ๊ด€์‹ฌ์‚ฌ๋ถ„๋ฆฌ, ๊ด€๋ฆฌ ํฌ์ธํŠธ ์ตœ์†Œํ™” ๋ฐ ๋นŒ๋“œ ์‹œ๊ฐ„ ๋‹จ์ถ•์„ ํ†ตํ•ด DX ํ–ฅ์ƒ

          ์–ด๋“œ๋ฏผ ๊ฐœ๋ฐœ

          • ๊ณ„์ •, ๊ณ ๊ฐ์‚ฌ ๊ณต์žฅ, ์„ค๋น„ ๋ฐ ๋ถ€์ฐฉ๋œ ์„ผ์„œ๋ฅผ ๊ด€๋ฆฌํ•˜๋Š” MES ๋ฐ ERP ์„œ๋น„์Šค
          • Google Map์˜ ์ง€๋„, ๋งˆ์ปค, ํŒ์—… ๋“ฑ์˜ UI ์š”์†Œ ์ธ์Šคํ„ด์Šค ์ƒ์„ฑ ๋กœ์ง, ์˜ต์…˜ ์„ค์ • ๋กœ์ง ๋ฐ ์ง€๋„ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋ถ„๋ฆฌํ•˜์—ฌ ์žฌ์‚ฌ์šฉ์„ฑ ํ–ฅ์ƒ
          • DX ํ–ฅ์ƒ์„ ์œ„ํ•ด MSW ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋„์ž…์„ ์ฃผ๋„ํ•˜์—ฌ API ๊ฐœ๋ฐœ ์ „ํ›„ ๊ธฐ์ค€์œผ๋กœ ์ˆ˜์ •ํ•ด์•ผ ํ•˜๋Š” ์ฝ”๋“œ๋Ÿ‰ ๊ฐ์†Œ

          ์‚ฌ๋‚ด ํšŒ์˜ ์˜ˆ์•ฝ ๊ด€๋ฆฌ ๋ฐฑ์˜คํ”ผ์Šค ์„œ๋น„์Šค ๊ฐœ๋ฐœ

          • ์—‘์…€ ์‹œํŠธ๋กœ ํšŒ์˜๋ฅผ ์˜ˆ์•ฝํ•ด์•ผ ํ•˜๋Š” ๋ถˆํŽธํ•จ์„ ํ•ด์†Œํ•˜๊ณ ์ž ์ž๋ฐœ์ ์œผ๋กœ ์ž์ฒด ๊ธฐํš ๋ฐ ๋””์ž์ธํ•˜์—ฌ ๊ฐœ๋ฐœ
          • PWA ์ ์šฉ ๋ฐ Firebase Cloud Messaging ์„œ๋น„์Šค๋ฅผ ์ด์šฉํ•˜์—ฌ ์›น ํ‘ธ์‹œ ์•Œ๋ฆผ ๊ฐœ๋ฐœ
          • SSE ๋ฐฉ์‹์„ ์ด์šฉํ•˜์—ฌ ์‹ค์‹œ๊ฐ„ ์•Œ๋ฆผ ๋ฉ”์‹œ์ง€ ์ˆ˜์‹  ๊ธฐ๋Šฅ ๊ฐœ๋ฐœ
          • ์ด๋ฏธ์ง€ HEIC ํ™•์žฅ์ž ๋ณ€ํ™˜ ๊ธฐ๋Šฅ์„ ๊ฐœ๋ฐœํ•˜์—ฌ ํฌ๋กœ์Šค ํ”Œ๋žซํผ ์ง€์›
          • ์œ ๊ด€๋ถ€์„œ์™€ QA ์ง„ํ–‰ ๋ฐ ๊ฐœ์„ ์‚ฌํ•ญ ์ ์šฉํ•˜์—ฌ ์‚ฌ๋‚ด ๋ฐฑ์˜คํ”ผ์Šคํˆด๋กœ ์ฑ„ํƒ
          • ํ”„๋กœ์ ํŠธ ๋ฆฌ๋“œ๋ฅผ ๋‹ด๋‹นํ•˜์—ฌ ์ผ์ • ๊ด€๋ฆฌ ๋ฐ ์œ ๊ด€๋ถ€์„œ์™€์˜ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜ ์ฃผ๋„

          Projects

          ๋ฐˆ๊ธ€๋ฐˆ๊ธ€

          2021.12 - 2021.01
          Githubhttps://github.com/zubetcha/MemegleMemegle
          Teck StackReact / Redux / styled-components
          Description์‹ ์กฐ์–ด์™€ ์ตœ์‹  ๋ฐˆ์„ ์ฆ๊ธธ ์ˆ˜ ์žˆ๋Š” ์‹ ์กฐ์–ด ์˜คํ”ˆ ์‚ฌ์ „ ๋ฐ ์ปค๋ฎค๋‹ˆํ‹ฐ ์„œ๋น„์Šค

          CI/CD ๋ฐ ์ตœ์ ํ™”

          • Github Actions์„ ์ด์šฉํ•œ CI/CD ๊ตฌ์ถ•์„ ํ†ตํ•ด DX ํ–ฅ์ƒ
          • React ์ตœ์ ํ™” API ๋ฐ ํฐํŠธ ์„œ๋ธŒ์…‹ ์ œ์ž‘์„ ํ†ตํ•ด ์„ฑ๋Šฅ ์ตœ์ ํ™” (Lighthouse ํผํฌ๋จผ์Šค ์ ์ˆ˜ ๊ธฐ์ค€ 79์  โ†’ 93์ )

          Activities

          ์˜คํ”ˆ์†Œ์Šค ๊ฐœ๋ฐœ

          • monorepo-ez-script ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๊ฐœ๋ฐœ
            • ๋ชจ๋…ธ๋ ˆํฌ ํ™˜๊ฒฝ์—์„œ ๊ฐ„ํŽธํ•˜๊ฒŒ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์„ ํƒํ•˜์—ฌ ์‹คํ–‰์‹œ์ผœ์ฃผ๋Š” CLI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

          ์ŠคํŒŒ๋ฅดํƒ€ ์ฝ”๋”ฉํด๋Ÿฝ ํ•ญํ•ด99 React ํŠœํ„ฐ

          • ์ŠคํŒŒ๋ฅดํƒ€ ์ฝ”๋”ฉํด๋Ÿฝ ํ•ญํ•ด99 (9๊ธฐ, 10๊ธฐ, 12๊ธฐ, 15๊ธฐ, 16๊ธฐ, 17๊ธฐ, 18๊ธฐ) (2022.09 - ํ˜„์žฌ)
          • ์ŠคํŒŒ๋ฅดํƒ€ ์ฝ”๋”ฉํด๋Ÿฝ X ICT ์ด๋…ธ๋ฒ ์ด์…˜ ์บ ํ”„ (์„œ์šธ, ๋™๋ถ) (2022.06 - 2022.09)

          Others

          ์™ธ๊ตญ์–ด

          • ์˜์–ด
            • TOEIC 950์  (์ทจ๋“์ผ: 2021.01.24)
            • TOEIC Speaking level 6 (์ทจ๋“์ผ: 2021.05.02)
          • ์ผ๋ณธ์–ด
            • JLPT N1 (์ทจ๋“์ผ: 2021.08.09)

          ๊ต์œก

          • ์ŠคํŒŒ๋ฅดํƒ€ ์ฝ”๋”ฉํด๋Ÿฝ ํ•ญํ•ด99 4๊ธฐ ์ˆ˜๋ฃŒ (2021.11 - 2022.02)
          • ๊ฐ€์ฒœ๋Œ€ํ•™๊ต ๊ฒฝ์˜ํ•™ํŠธ๋ž™ ์ „๊ณต ๋ฐ 2018๋…„ 2์›” ์กธ์—… (2013.03 - 2018.02)

          ๊ฐœ๋ฐœ ์™ธ ์—…๋ฌด ๊ฒฝํ—˜

          • ๋ฌด์ธ์–‘ํ’ˆ ์ƒํ’ˆํŒ€ ์ƒํ™œ์žกํ™” ํŒŒํŠธ MD (๋Œ€๋ฆฌ) (2018.03 - 2021.10)