목차

캐드친구 웹 페이지 개발

다우데이타 / PS팀

2023.06 ~ 현재

[소개]

AutoCAD, Inventor, Revit등 Autodesk사 솔루션을 더 쉽게 사용하는 기능을 제공하는 Add-in 프로그램인 캐드친구를 소개하고 다운로드 받을 수 있는 웹이며 사용자 문의와 라이선스 신청, 컨텐츠 조회 및 다운로드 등을 할 수 있는 서비스를 개발하였습니다.

링크 : https://cadchingu.co.kr/

[기술 스택]

• Next.js(App router), Typescript, scss/sass, Recoil, Axios, Tanstack-query, React Hook Form, yup
• Azure VM, Nginx, Docker, Azure Container Registry, Jenkins, Github Webhook

[기여한 점]

1. Next.js 13과 TypeScript를 사용한 전체적인 프론트엔드 개발

2. Azure ubuntu VM, Nginx, Docker를 사용한 리버스 프록시, 로드 밸런싱 등 인프라 구축

3. Jenkins와 github webhook을 사용한 자동화 배포 구축

4. Blue/Green 무중단 배포 구축을 통해 운영 서버 안정화

   Blue(현재 운영 중인 서비스 환경)과 Green(새롭게 배포할 서비스 환경)에서 nginx 설정으로 로드 밸런서 상에서 Blue에서 Green으로 일제히 전환시켜 한번에 트래픽을 옮기는 방식으로 호환성 문제가 발생하지 않도록 하여 무중단 배포를 하였습니다.

5. Figma를 사용한 웹 기획 및 웹 디자인 생성

   개발과 디자인을 병행하면서 의사소통이라는 비용을 줄여서 결과적으로 빠른 개발이 가능하였습니다 그로인해 서비스에 대해 더 깊은 이해도와 사용자 중점으로 생각하는 시야를 가질 수 있었습니다.