React์ Next.js๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์ฌ์ฉ์์๊ฒ ํ์ํ ํ๋ฉด๊ณผ ๊ธฐ๋ฅ์ ๊ตฌํํด์์ผ๋ฉฐ,
์ต๊ทผ์๋ C#๊ณผ ASP.NET Core๋ฅผ ํ์ฉํด API์ ๋ฐ์ดํฐ๋ฒ ์ด์ค๊น์ง ๊ฐ๋ฐ ๋ฒ์๋ฅผ ๋ํ๊ณ ์์ต๋๋ค.
ํ๋ฉด๋ถํฐ ์๋ฒ์ ๋ฐ์ดํฐ ํ๋ฆ๊น์ง ์ดํดํ๊ณ ์ฐ๊ฒฐํ ์ ์๋ ๊ฐ๋ฐ์๋ฅผ ๋ชฉํ๋ก ํฉ๋๋ค.
๐ Blog ย ยทย ๐ง Email ย ยทย ๐ LinkedIn
- ํ์๋ํ๊ต ERICA ์ปดํจํฐํ๋ถ (2023.03 ~ 2027.02)
- ์์ธ๊ณต์ ๊ณ ๋ฑํ๊ต ์ ์ฌ์์๋์ง๊ณผ (2016.02 ~ 2019.02)
- ๋ธ๋ ์ด๋ฒ์ค ํด์ปคํค ๋์
- ๊ต๋ด ํด์ปคํค HY-THONE ๋์
- ๋ํ๋ง 17๊ธฐ Frontend (2025.07 ~ 2025.11)
- ๋ฉ์์ด์ฌ์์ฒ๋ผ ๋ํ 13๊ธฐ ํ์๋ํ๊ต ERICA ๋ํ (2025.03 ~ 2025.12)
- ๊ตฌ๋ฆํค 4๊ธฐ ๋ฏธ๋ฅด๋ฏธ Backend (2025.03 ~ 2025.09)
- ๋ฉ์์ด์ฌ์์ฒ๋ผ ๋ํ 12๊ธฐ Frontend (2024.03 ~ 2024.12)
- ICT ๋ณด์ ์์ง๋์ด ๊ณผ์ ์๋ฃ ยท KGITBANK (2020.03 ~ 2020.09)
AI ๊ธฐ๋ฐ ๋ํ์ ์ ๋ฉด์ ์ค๋น ์๋น์ค
2026.01 ~ 2026.06
React TypeScript TanStack Query Azure Speech SDK
- ์ํ๊ธฐ๋ก๋ถ ์ ๋ก๋ยท๋ชฉ๋กยท์์ธ ํ๋ฉด๊ณผ ์๋ฒ ๋ฐ์ดํฐ ์กฐํยท๋ณ๊ฒฝ ํ๋ฆ ๊ตฌํ
- ๋ฉด์ ๋จ๊ณ์ ๋ฐ๋ฅธ ์ง๋ฌธยท๋ต๋ณ UI์ ๋ฉด์ ๊ธฐ๋ก ์กฐํ ํ๋ฉด ์ค๊ณ
- Azure Speech SDK๋ฅผ ํ์ฉํ ์์ฑ ์ธ์ยทํฉ์ฑ ๊ธฐ๋ฅ ์ฐ๋
- GitHub ๊ธฐ๋ฐ ์ด์ ๊ด๋ฆฌ, ์ฝ๋ ๋ฆฌ๋ทฐ ๋ฐ ํ ํ์ ๊ฒฝํ
์์ฐ์ง์, LOT, ๊ณต์ ์ค์ ๋ฐ ์ฌ๊ณ ํ๋ฆ์ ๊ด๋ฆฌํ๋ ์ค๋งํธํฉํ ๋ฆฌ ์์ฐ๊ด๋ฆฌ ์์คํ
2026.07 ~ 2026.08
React TypeScript C# ASP.NET Core Entity Framework Core MSSQL
- Controller-Service-Repository ๊ณ์ธต ๊ตฌ์กฐ๋ฅผ ์ ์ฉํ REST API์ ๋น์ฆ๋์ค ๋ก์ง ๊ตฌํ
- ์์ ์ง์, LOT ๊ณต์ ์ด๋, ์์ฐ์ค์ ๋ฐ BOM ๊ธฐ๋ฐ ์์ฌ ๊ด๋ฆฌ ๊ธฐ๋ฅ ๊ฐ๋ฐ
- ๊ด๋ฆฌ์ยท์์ ์๋ณ ์ ๋ฌด ํ๋ฆ์ ๋ฐ์ํ ๋์๋ณด๋์ ์์ฐ ์คํ ํ๋ฉด ์ค๊ณ
- SignalR ์ด๋ฒคํธ ์์ ํ TanStack Query ๋ฐ์ดํฐ๋ฅผ ๊ฐฑ์ ํ๋ ์ค์๊ฐ ๋๊ธฐํ ํ๋ฆ ๊ตฌํ
- Entity Framework Core Code First ๊ธฐ๋ฐ ๊ด๊ณํ ๋ฐ์ดํฐ ๋ชจ๋ธ ๊ตฌ์ฑ
- Kepware์์ DeviceยทTag๋ฅผ ๊ตฌ์ฑํ๊ณ OPC UA ํต์ ์ ํตํด ์ค๋น ๋ฐ์ดํฐ ์ฐ๋ ํ๊ฒฝ ๊ตฌํ
1์ธ ๊ฐ๊ตฌ๋ฅผ ์ํ ํผ๋ฐฅ ๋ ๋ฒจ ํ ์คํธ ๊ธฐ๋ฐ ์๋น ์ถ์ฒ ์๋น์ค
2025.07 ~ 2025.11 ยท iOS ์ถ์
Next.js React Native WebView TypeScript TanStack Query
- Intersection Observer API๋ฅผ ํ์ฉํด ํ์ํ ํญ๋ชฉ์ ์ค์ฌ์ผ๋ก ๋ ๋๋ง
- ๊ณตํต UI ์ปดํฌ๋ํธ๋ฅผ ๊ตฌ์ฑํด ํ๋ฉด์ ์ผ๊ด์ฑ๊ณผ ์ฌ์ฌ์ฉ์ฑ ํฅ์
- ๋ํฐ ์ฒดํฌ ๊ธฐ๋ฐ ํํฐ๋ง์ผ๋ก ๋ถํ์ํ API ์์ฒญ ๋ฐฉ์ง
- ๊ธฐํยท๋์์ธยท๋ฐฑ์๋ ๊ตฌ์ฑ์๊ณผ ํ์ ํด ์น ๊ฐ๋ฐ๋ถํฐ iOS ์ฑ ์ถ์๊น์ง ์ํ
AI ์บ๋ฆญํฐ์ ๊ต๊ฐํ๋ฉฐ ๊ฐ์ ์ ๊ธฐ๋กํ๋ ๋ชจ๋ฐ์ผ ์๋น์ค
2025.09 ~ 2025.12 ยท iOS ์ถ์
React Native TypeScript TanStack Query Zustand Reanimated
- Reanimated๋ฅผ ๋์ ํด UI ์ค๋ ๋ ๊ธฐ๋ฐ ์ธํฐ๋์ ๊ตฌํ
- ๋์์ธ ์์คํ ์ ๋ง์ถ ๊ณตํต ์์ด์ฝ ์ปดํฌ๋ํธ ๋ชจ๋ํ
- ํ๋ฉด์ ๋น์ฆ๋์ค ๋ก์ง์ Custom Hook์ผ๋ก ๋ถ๋ฆฌํด ์ปดํฌ๋ํธ ๊ตฌ์กฐ ๊ฐ์
- React Native ์ฑ ๊ฐ๋ฐ๋ถํฐ iOS App Store ์ถ์๊น์ง ๊ฒฝํ
- ์ฌ์ฉ์ ํ๋ฉด๋ถํฐ REST API์ ๋ฐ์ดํฐ๋ฒ ์ด์ค๊น์ง ์ฐ๊ฒฐ๋๋ ์ ์ฒด ๊ฐ๋ฐ ํ๋ฆ
- ์ญํ ์ด ๋ช ํํ ์ปดํฌ๋ํธ์ ์๋น์ค ๊ณ์ธต ์ค๊ณ
- ์์ฐ์ง์, LOT, ๊ณต์ ์ค์ ๋ฑ MES ์ ์กฐ ๋ฐ์ดํฐ ํ๋ฆ
- C#๊ณผ WPF ๊ธฐ๋ฐ ๋ฐ์คํฌํฑ ์ ํ๋ฆฌ์ผ์ด์ ๊ตฌ์กฐ
- Email: ๋ค์ด๋ฒ
- GitHub: github.com/javadocq
- LinkedIn: ์ข ์ ์ด
- Blog: ํฐ์คํ ๋ฆฌ