미리보기

• React.js와 Spring Boot를 활용한 웹 서비스 개발 및 유지보수

• MySQL을 이용한 데이터베이스 설계 및 쿼리 최적화

• RESTful API 개발 및 클라이언트-서버 간 통신

• 관리자 페이지 개발을 통해 콘텐츠 및 데이터 관리 기능 개선

• GitLab 및 TeamCity를 활용한 CI/CD 파이프라인 구축 및 배포 자동화

• React.js 및 Spring Boot를 활용한 웹 애플리케이션 프론트엔드 및 백엔드 개발

• RESTful API 연동 및 데이터베이스 설계 및 최적화(MySQL, JPA)

• JWT 기반 인증 시스템 구축 및 OAuth API(구글) 연동

• 관리자 페이지(연혁 관리, 대시보드 등) CRUD 기능 및 UI 개발

• 데이터 시각화(Chart.js) 적용 및 대시보드 기능 개선

1⃣ 데이터 관리 기능 개선

✅ 문제:
AI팀이 매번 개발팀에 데이터를 요청하는 비효율적인 프로세스 발생 → 데이터 처리 시간 증가

✅ 해결 방법:

• React.js 기반 UI/UX 개선 및 필터링 기능 추가

• Spring Boot와 JPA를 활용한 데이터 검색 및 다운로드 API 개발

• 검색 조건 적용 시, 쿼리 최적화하여 데이터 조회 속도 40% 향상

✅ 성과:

• 연구팀이 직접 데이터를 검색 및 CSV 다운로드 가능 → 데이터 처리 시간 40% 절감

• 개발팀의 반복적인 요청 처리 감소 → 운영 효율성 개선

2⃣ 구독자 관리 및 이메일 자동화

✅ 문제:
이전에는 구독자 데이터를 수동으로 관리하며, 이메일 발송도 개별적으로 처리해야 하는 비효율적인 구조

✅ 해결 방법:

• Spring Boot와 SMTP 연동하여 자동 이메일 발송 시스템 구축

• 구독자 목록을 실시간 관리할 수 있도록 React.js 기반 UI 설계

✅ 성과:

• 이메일 발송 자동화로 마케팅 및 운영 시간 50% 절감

• 관리자가 직접 구독자 정보 추가/삭제 가능하여 운영 효율성 증가

3⃣ 콘텐츠 관리 시스템

✅ 문제:
관리자가 콘텐츠를 추가/수정/삭제하는 기능이 없어 개발팀이 직접 관리해야 하는 비효율적인 구조

✅ 해결 방법:

• 뉴스룸, 연혁, 기술/특허 콘텐츠를 CRUD할 수 있는 관리자 페이지 개발

• 카테고리별 필터링 기능 추가하여 빠른 검색 가능

✅ 성과:

• 관리자가 직접 콘텐츠 수정 가능 → 운영팀의 업무 부담 감소

• 콘텐츠 검색 및 관리 시간 절감

[프론트엔드 개발]

- React.js를 사용해 반응형 웹 페이지를 구현하여 다양한 디스플레이 환경에 적응

- i18n을 통한 다국어 설정 지원

- SPA(Single Page Application)로 전환하여 빠른 페이지 전환과 원활한 사용자 경험 제공

- 뉴스레터 구독 기능을 추가하여 사용자 참여를 유도하고, UI를 직관적으로 설계

- 온라인 문의 기능 개발을 통해 사용자가 쉽게 접근할 수 있는 인터페이스 제공

[백엔드 개발]

- 관리자 페이지에서 새로운 연혁 추가 시 자동 페이지 생성 알고리즘을 설계 및 구현

- MVC 패턴을 기반으로 백엔드 구조 설계 및 구현

- React와 연동되는 API 통신 최적화를 통해 데이터 처리 속도 개선

- MySQL을 활용한 데이터베이스 설계 및 관리를 통해 안정적인 데이터 구조 구축

[프로젝트 관리 및 배포]

- GitLab을 사용해 버전 관리 및 협업 환경 구축, 안정적인 개발 및 배포 워크플로우 제공

- TeamCity를 통해 CI/CD(지속적 통합 및 배포)를 설정, 자동화된 배포 환경 구현

- 배포 후 유지보수를 진행하며 사용자 피드백에 따라 기능 개선 및 오류 수정

[데이터베이스 설계 및 운영]

- Docker를 활용하여 [MySQL/PostgreSQL 등] 데이터베이스 컨테이너 생성 및 네트워크 설정

- 애플리케이션과 DB 간의 연결 설정 및 최적화 진행

- 데이터베이스 내 유저 권한(Role, Grant) 설정 및 접근 제어 관리

- ERD 설계 및 SQL을 활용한 데이터 가공 수행

[프론트엔드 개발]

- Form 입력 검증 및 오류 메시지 처리 추가

[백엔드 개발]

- Spring Boot를 활용하여 문의 데이터 처리 및 메일 전송 API 구현

- 고객이 입력한 문의 내용을 담당자 이메일로 자동 전송

- MYSQL과 연동하여 문의 내역을 DB에 저장