Hachu's Page

View the Project on GitHub hachuu/hachu

Who am I?

Name: Song HaYoung

Gender: female

NickName: hachuu๐Ÿ’‹

Interest thing

Web Development

Javascript Badge Typescript Badge Angular Badge RxJS React Badge Redux Next.js Badge Vue Badge Webpack HTML5 Badge CSS3 Badge Svelte Badge Nodejs Badge JAVA Badge Spring Badge MySQL Badge Git Github Badge GitLab Badge Azure Firebase FireStore Yarn Linux AWS

์˜ฌํ•ด ing

2026๋…„์„ ๊ธฐ๋‹ค๋ฆฌ๋ฉฐ..

Project History ์ตœ๊ทผ ์ด๋ ฅ 2021~2023

๊ฒฝ๋ ฅ๊ธฐ์ˆ ์š”์•ฝ 2023๋…„ (ํ˜„์žฌ ๊ทผ๋ฌด์ง€~)
  • FE : react, vue, next
  • BE : java, spring, gradle, node, sql spec์˜ pj ์šด์˜ & ๊ฐœ๋ฐœ
  • study : svelte, vue3, linux, k8s, css, chatGPT, aws, python3, mongodb, azure, AI, infra
  • English : opic IH (23/02/04)
  • ๊ต์œก : AWS DevOps 23/09/18-09/20 / Azure-204 24/11/25~24/11/27
  • ์ž๊ฒฉ์ฆ : sqld (23/10/06), AWS Practitioner(24/06/08), az-104 (25/02/17)

๊ธฐ๊ฐ„ ๋‚ด์šฉ
2023/12 ~ 01 vanilla js => react 16 ์œผ๋กœ ๊ธฐ๊ฐ€์ง€๋‹ˆ ์„œ๋น„์Šค(ํ‚ค์ฆˆ) ํฌํŒ… ์ž‘์—…
2023/01 ~ 02 FE - React, GiGa Genie ์˜ค๋ฅ˜ ์ˆ˜์ •
2023/02 ~ 03 BE - ๋ฆฌ๋ˆ…์Šค(์‚ฌ์šฉ), ์ฟ ๋ฒ„๋„คํ‹ฐ์Šค(๊ฐœ๋…) ์ธ๊ฐ•, ์Šคํ„ฐ๋”” ์ง„ํ–‰ ์ค‘, CMS db ๊ตฌ์กฐ ํŒŒ์•…
2023/02 ~ 05 FE - Vue2, chatGPT, GiGA GENIE ์—ฐ๋™
2023/03 ~ 09 chatGPT, Deep Learning : Next/nodejs
2023/04 ~ 10 ์‚ฌ๋‚ด ๊ฐœ๋ฐœ ๊ธฐ์ˆ  ์ฝ”์น˜ ๋‹ด๋‹น : java/Vue3
2023/02 ~ 06 FE - Vue3 ํ† ์ดํ”„๋กœ์ ํŠธ๋กœ ํ”„๋ ˆ์ž„์›Œํฌ ๊ตฌ์กฐ ํŒŒ์•…, vuetify ๋ ˆ์ด์•„์›ƒ
2023/07 ~ 08 python, flask๋กœ ๊ฐ„๋‹จํ•œ ์›น์„œ๋น„์Šค ๊ตฌํ˜„
2023/08 ~ 09 sqld ์ž๊ฒฉ์ฆ ์ทจ๋“
2023/09 ~ 12 BE ๋ณด์•ˆ์„ฑ ์กฐ์น˜
spring boot, wildfly, dependencies upgrade ์ฒ˜๋ฆฌ
2023/12 ~ 12 FE - Vue ๊ธฐ๊ฐ€์ง€๋‹ˆ ์›น์•ฑ ์„œ๋น„์Šค ์‹ ๊ทœ ๊ฐœ๋ฐœ ์ง€์›
2024/01 ~ 05 ์˜คํ”ˆ์†Œ์Šค ์ทจ์•ฝ์  ์ง„๋‹จ ์ˆ˜์ • ๋ฐ spring boot upgrade ์ž‘์—…
2024/03 ~ 03 spring boot version์— ๋”ฐ๋ฅธ batch ๋ณ€๊ฒฝ
2024/05 ~ 06 AWS CLF-C02 (AWS Certified Cloud Practitioner certificate) ์ทจ๋“
2024/06 ~ 07 BE - ๋ณด์•ˆ์ทจ์•ฝ์  ๊ฒ€ํ†  ๋ฐ ๊ฐœ๋ฐœ
2024/07 ~ 10 ์ถœ์‚ฐ & ๋ณต์ง Eunttuโ€™s Memory
2024/11 ~ 11 Azure Developing solutions for Microsoft Azure (AZ-204) ๊ต์œก
2024/12 ~ 12 BE : maven, tomcat ๊ธฐ๋ฐ˜ PJ ์šด์˜ (์†Œ์Šค ๊ฒ€ํ† ) / FE : vue3 PJ ๊ฐœ๋ฐœ ๊ฒ€ํ† 
2025/01 ~ 12 Azure Static Web App ๋ฐฐํฌ & Portal ์Šคํ„ฐ๋””
2025/02 ~ 02 React & Opensearch ๊ธฐ๋ฐ˜ Java ํ”„๋กœ์ ํŠธ ๊ฐœ๋ฐœ ์ง€์›
2025/02 ~ 07 ์‚ฌ๋‚ด ์—ญ๋Ÿ‰ํ–ฅ์ƒํ˜• ๊ณผ์ œ ๋ฆฌ๋”ฉ ํ™œ๋™ (Azure + OPen AI )
2025/06 ~ 12 ๊ธฐ๊ฐ€์ง€๋‹ˆ ๊ณ ๋„ํ™” ํ”„๋กœ์ ํŠธ Node ๊ธฐ๋ฐ˜ AI, AzureCloud ์—ฐ๋™ ๊ฐœ๋ฐœ
2025/05 ~ 12 GiGAGenie ์šด์˜
Front-end 2021~2022 ์ด๋ ฅ๋ณด๊ธฐ
Title Contents
SEO ์ตœ์ ํ™” ๊ตฌ๊ธ€ analytics ๊ด€๋ฆฌ(ํŽ˜์ด์ง€๋ณ„ ์ด์Šˆ ์ฒ˜๋ฆฌ)๋กœ ์‚ฌ์ดํŠธ ์›” ๋ฐฉ๋ฌธ์ž 30๋งŒ๋ช…์œผ๋กœ ์ƒ์Šนํ•˜๋Š”๋ฐ ๊ธฐ์—ฌ
ย  sitemap ๊ด€๋ฆฌ๋ฅผ ํ†ตํ•œ ์‚ฌ์ดํŠธ ์œ ํšจ ๋งํฌ๊ด€๋ฆฌ ํŽ˜์ด์ง€ ์œ ํšจ์„ฑ 90% ์ด์ƒ ์ƒ์Šน ๋‹จ๊ธฐ๊ฐ„๋งˆ๋‹ค ๊ธฐ์กด
ย  legacy ์†Œ์Šค ์ดํ•ด๋ฅผ ์œ„ํ•œ ๋ฆฌํŒฉํ† ๋ง ์ž‘์—… ์ง„ํ–‰ (๋ถˆํ•„์š”ํ•œ script ์‚ญ์ œ, ๋ฌด๊ฑฐ์šด library ์ œ๊ฑฐ)
ย  framework ๋ฒ„์ „ ์—… ์ง„ํ–‰ ๋ฐ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ณ€๊ฒฝ ์ž‘์—…์„ ํ†ตํ•œ ์ตœ์ ํ™” ์ž‘์—…
ย  ios, window ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ง• ํ…Œ์ŠคํŠธ
๋ฌผ๋ฅ˜ IT์˜ ์‹ ๊ทœ ์†”๋ฃจ์…˜ ํ˜‘์—… ํˆด Zimgo ๊ฐœ๋ฐœ ๋ฐ FE ๋ฆฌ๋“œ ํ”„๋กœ์ ํŠธ ๊ธฐ์ˆ  spec : Angular14, rxjs, d3, ag-grid, agm(googleMap)
ย  FE ํ”„๋กœ์ ํŠธ ๊ธฐํš ๋ฐ ๊ตฌ์กฐ ์„ค๊ณ„ ๋ฐ ๊ฐœ๋ฐœ์„ production ์ˆ˜์ค€์œผ๋กœ ํ•  ์ˆ˜ ์žˆ์Œ
ย  Framework, library ์Šคํ„ฐ๋””๋ฅผ ํ†ตํ•œ ๊ธฐ๋Šฅ ๊ธฐํš ๋ฐ ๊ตฌํ˜„ ๊ฐ€๋Šฅ
ย  ํ˜ผ์ž FEํŒŒํŠธ๋ฅผ ๋‹ด๋‹นํ•˜๋‹ค๊ฐ€ ํ˜„์žฌ 3๋ช…์˜ ํ›„์ž„ ๊ฐœ๋ฐœ์ž๋“ค๊ณผ ํ•จ๊ป˜ FEํŒŒํŠธ๋ฅผ ๊พธ๋ฆฌ๊ณ  ์žˆ์œผ๋ฉฐ ํŒŒํŠธ๋ฆฌ๋”๋กœ ํ™œ๋™ํ–ˆ์Œ
ย  ๊ธฐํš์ž, ๋””์ž์ด๋„ˆ, ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž์™€ ๋ฐ์ผ๋ฆฌ ๋ฏธํŒ…์„ ์ง„ํ–‰ํ•˜์—ฌ ํ”„๋กœ์ ํŠธ์— ๋Œ€ํ•œ ๊ด€์‹ฌ๊ณผ ํŒŒํŠธ ๋ณ„ ์ด์Šˆ ๊ณต์œ ์— ๋…ธ๋ ฅํ•จ
B2B ์›น ์„œ๋น„์Šค ๊ฐœ๋ฐœ, ๋ฌผ๋ฅ˜ ํ”Œ๋žซํผ FE ๋ฆฌ๋“œ ๋ฐ ๊ฐœ๋ฐœ์ž Angular14, React17, Next11 Git, Azure, SCSS, SEO, ์›น์ ‘๊ทผ์„ฑ, ํ†ตํ•ฉ ๋กœ๊ทธ์ธ ๊ตฌ์ถ•, Azure CI/CD ๋ฐฐํฌ ๊ด€๋ฆฌ
ย  ์šฉ๋Ÿ‰ ์ฐจ์ง€๋ฅผ ๋งŽ์ด ํ•˜๊ฑฐ๋‚˜ ์‚ฌ์šฉ์„ฑ์— ์ข‹์ง€ ์•Š์€ library๋ฅผ ๊ฑท์–ด๋‚ด๊ณ  ๋…์ž์ ์ธ element๋ฅผ ๋งŒ๋“œ๋Š”๋ฐ ๊ธฐ์—ฌํ•จ
ย  ์‚ฌ์šฉ๋Ÿ‰์ด ๋งŽ์€ ์ฃผ์š” ํŽ˜์ด์ง€์— ์‚ฌ์šฉ์„ฑ์„ ๋†’์ด๊ธฐ ์œ„ํ•ด ์›น์ ‘๊ทผ์„ฑ ๋„์ž…
ย  B2B api ๊ฐœ๋ฐœ์ž ๊ธฐ๋Šฅ ํ…Œ์ŠคํŠธ๋ฅผ ์œ„ํ•œ ํ…Œ์ŠคํŠธ ํŽ˜์ด์ง€ ๊ฐœ๋ฐœ ๋ฐ ๋ฐฐํฌ๋กœ ๋น ๋ฅธ ์—๋Ÿฌ ๋Œ€์‘ ๊ฐ€๋Šฅ

๊ฒฝ๋ ฅ๊ธฐ์ˆ ์š”์•ฝ (~์ด์ „ ํšŒ์‚ฌ)

๊ณผ๊ฑฐ ํ”„๋กœ์ ํŠธ ์ด๋ ฅ ๋ณด๊ธฐ

| ๊ธฐ๊ฐ„ | ๋‚ด์šฉ | | โ€”โ€”โ€”โ€”โ€”โ€“ | โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€” | | 2021/01 ~ 2022/10 | ํŠธ๋ ˆ๋“œ๋ง์Šค : 1๋…„ 10๊ฐœ์›” ๊ทผ๋ฌด
แ„‰แ…ณแ„แ…ณแ„…แ…ตแ†ซแ„‰แ…ฃแ†บ 2022-08-02 แ„‹แ…ฉแ„’แ…ฎ 10 42 54
- ์—…๋ฌด : ๋ฌผ๋ฅ˜ํ”Œ๋žซํผ ํŠธ๋ ˆ๋“œ๋ง์Šค Tradlinx Front-end ๋ฆฌ๋“œ, Angular14, React17, ์›น ์†”๋ฃจ์…˜ ๊ฐœ๋ฐœ, ์œ ์ง€ ๋ณด์ˆ˜ / ํŠธ๋ ˆ๋“œ๋ง์Šค ์†กํ•˜์˜ ์ธํ„ฐ๋ทฐ
- ๊ฐœ์ธ : next js Admin / React17 ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ(๋ชจ๋ฐ”์ผ์ฒญ์ฒฉ์žฅ) Page / Svelte ๊ฐœ์ธ ์Šคํ„ฐ๋””, ํ† ์ดํ”„๋กœ์ ํŠธ ์ง„ํ–‰
- Shipgo, Lingo ์„œ๋น„์Šค Front-end ์šด์˜
- Zimgo (์‹ ๊ทœ) Front-end ๊ฐœ๋ฐœ ๋ฆฌ๋“œ : 10๊ฐœ์›”

1. ํ™”๋ฉด ๋””์ž์ธ ๋ฐ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค(UI) ๊ฐœ์„ ์„ ์œ„ํ•œ ํ˜‘์—…์„ ์ˆ˜ํ–‰(with ๊ธฐํš์ž)
2. ์›น ๋ฐ ์•ฑ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜(UX)์˜ ํ˜•์„ฑ ๊ด€์—ฌ(with ๋””์ž์ด๋„ˆ, ํผ๋ธ”๋ฆฌ์…”)
3. ํ”„๋กœ์ ํŠธ ๊ตฌ์กฐ ๊ตฌ์ถ•, api ์„ค๊ณ„ ๋ฐ ๊ฐœ๋ฐœ

| 2019/09 ~ 2020/12 | ๋Œ€ํ•œํ•ญ๊ณต : 1๋…„ 3๊ฐœ์›” ๊ทผ๋ฌด
- ์˜จ๋ผ์ธ ๊ฐœํŽธ - Angular8 SPA, typeScript Front-End ๊ฐœ๋ฐœ, W3C ์›น์ ‘๊ทผ์„ฑ
๋Œ€ํ•œํ•ญ๊ณต ๋ฉ”์ธ ํŽ˜์ด์ง€ ๊ฐœ๋ฐœ, ํ™˜๋ถˆ ํ”„๋กœ์„ธ์Šค ๋‹ด๋‹น ๊ฐœ๋ฐœ์ž | | 2019/02 ~ 2019/09 | ์ œ์ฃผํ•ญ๊ณต : 7๊ฐœ์›” ๊ทผ๋ฌด
- FareFamily & New Class - javascript, Front-End ๊ฐœ๋ฐœ
๊ธฐ์กด ์ œ์ฃผํ•ญ๊ณต ์ขŒ์„ ํด๋ž˜์Šค ์ค‘ ์„ธ๋ถ„ํ™”๋œ ์ฐจ๋“ฑ ํƒ‘์Šน ํด๋ž˜์Šค ๋ณ„ ๊ตฌ๋ถ„ ํ™”๋ฉด ๊ฐœ๋ฐœ | | 2015/06 ~ 2019/02 | ์•„์‹œ์•„๋‚˜ ํ•ญ๊ณต : 3๋…„ 8๊ฐœ์›” ๊ทผ๋ฌด
- ์ƒ์šฉ ์šฐ๋Œ€ ํ”„๋กœ์ ํŠธ - Spring, Maven, javascript, Java, ์˜ค๋ผํด SQL : 6๊ฐœ์›”
B2B ๊ธฐ์—… ํ• ์ธ ํ”„๋กœ๋ชจ์…˜ ์‚ฌ์ดํŠธ ๊ฐœ๋ฐœ
- ์˜จ๋ผ์ธ ๊ฐœํŽธ - Spring, Maven, javascript, Java, ์˜ค๋ผํด SQL : 1๋…„ 2๊ฐœ์›”
ํ•ญ๊ณต ์˜ˆ์•ฝ ์‚ฌ์ดํŠธ ํ†ตํ•ฉ ๋ฆฌ๋‰ด์–ผ
- ํ™˜๋ถˆ ๋น„์šฉ์ ˆ๊ฐ ํ”„๋กœ์ ํŠธ - Spring, Maven, javascript, Java, ์˜ค๋ผํด SQL : 4๊ฐœ์›”
์•„๋งˆ๋ฐ์šฐ์Šค ํ™˜๋ถˆ API์—์„œ ๋‚ด๋ถ€ ํ™˜๋ถˆ ์‹œ์Šคํ…œ ์—ฐ๋™์œผ๋กœ ๋ณ€๊ฒฝ
- ๋ชจ๋ฐ”์ผ ์‚ฌ์šฉ์„  ๊ฐœ์„  - Spring, Maven, javascript, Java, ์˜ค๋ผํด SQL : 3๊ฐœ์›”
ํ•ญ๊ณต ์˜ˆ์•ฝ ์‚ฌ์ดํŠธ ๋ชจ๋ฐ”์ผ ์›นํŽ˜์ด์ง€ ๋ฆฌ๋‰ด์–ผ
- ์„ ํ˜ธ์ขŒ์„ ์œ ๋ฃŒ์„œ๋น„์Šค ๊ตฌ์ถ• - Spring, Maven, javascript, Java, ์˜ค๋ผํด SQL : 9๊ฐœ์›”
๊ธฐ์กด ํ•ญ๊ณต ์˜ˆ์•ฝ ํ”„๋กœ์„ธ์Šค์— ์œ ๋ฃŒ์ขŒ์„ ๊ตฌ๋งค ์„œ๋น„์Šค ์ถ”๊ฐ€
- ๋ฏธ๊ตญ WCAG ์žฅ์ฐจ๋ฒ• ๊ตฌ์ถ• - Spring, Maven, javascript, Java, ์˜ค๋ผํด SQL, ์›น์ ‘๊ทผ์„ฑ : 8๊ฐœ์›”
ํ•ญ๊ณต ์›น์‚ฌ์ดํŠธ ์ „๋ฉด WCAG - AAA๋“ฑ๊ธ‰ ์žฅ์ฐจ๋ฒ• ์ ์šฉ | | 2015/03 ~ 2015/06 | ์ œ์ฃผํ•ญ๊ณต ์ค‘๊ตญ ๊ฒฐ์ œ - javascript, Java ๊ฐœ๋ฐœ : 3๊ฐœ์›”
๊ฒฐ์ œ ์‹œ์Šคํ…œ ์ค‘ ์ค‘๊ตญ pay ์—ฐ๋™ ์ถ”๊ฐ€ ex) UnionPay |

์ฃผ์š” ํ™œ๋™ ์ด๋ ฅ

๊ตญ๋‚ด ๋ฉ”์ด์ € ํ•ญ๊ณต์‚ฌ ํ™ˆํŽ˜์ด์ง€ ์˜ˆ๋งค ์‹œ์Šคํ…œ ๊ฐœ๋ฐœ

  1. ๋Œ€ํ•œํ•ญ๊ณต
  2. ์•„์‹œ์•„๋‚˜ํ•ญ๊ณต
  3. ์ œ์ฃผํ•ญ๊ณต

ํŠธ๋ ˆ๋“œ๋ง์Šค ํ™ˆํŽ˜์ด์ง€ ๋ฌผ๋ฅ˜ ์†”๋ฃจ์…˜ ๋ฆฌ๋“œ ๊ฐœ๋ฐœ์ž

  1. ํŠธ๋ ˆ๋“œ๋ง์Šค ํ™ˆํŽ˜์ด์ง€
  2. ์‰ฝ๊ณ  (Shipgo)
  3. Zimgo

Github Stats
Metrics