미리보기

웹퍼블리싱, 프론트엔드, 백엔드 및 MongoDB를 활용한 R&D 연구과제 수행 및 개발

[안전 인증 및 자동 보고서 생성 포로토타입 프로젝트 ]

프론트엔드

• React Hook Form을 활용한 유효성 검사

• React Router Dom을 활용한 라우팅 관리

• Axios를 통한 백엔드 API 호출 및 동적 화면 렌더링

• React Query를 활용한 서버 상태 관리 및 데이터 페칭

• Zustand를 활용한 전역 상태 관리

백엔드

• Express를 활용한 RESTful API 서버 구축

• MongoDB와 통신하여 CRUD 및 데이터베이스 관리

• 서버에서 PDF 파일을 생성하여 클라이언트에 전달하여 성능 향상

• MongoDB의 배열 및 객체 타입 스키마 정의 및 Aggregate를 활용한 데이터 호출

• Passport를 활용한 세션 방식의 로그인 인증 기능

• Multer를 활용한 이미지 파일 분석 기능

안전 인증 및 자동 보고서 생성 프로토타입 프로젝트에서는 리덕스의 보일러플레이트 및 모든 상태 관리를 처리함에 있어서 효율적이지 못한 부분이 있다고 생각하여 해결방안으로 서버 상태 관리 React Query와 전역 상태 관리의 Zustand를 토의를 통하여 도입하였습니다.

MongoDB에서 Nested 구조로 데이터를 저장하던 중, 빈번한 수정 요청에 대응이 어려워 ref 옵션을 활용한 레퍼런스 방식으로 변경했습니다. 또한, 여러 스키마의 데이터를 호출할 때 populate를 사용했으나, 성능 저하 문제가 발생하여 이를 해결하기 위해 aggregate를 사용하여 데이터를 효율적으로 처리했습니다.

PDF 파일을 생성할 때 페이지가 50~60페이지로 많아지면서 CSR 방식에서는 성능 저하를 겪어 SSR로 전환을 고민하다가 PDF 보고서의 경우 정적 데이터임을 인식하고, SSR 대신 서버에서 PDF 파일을 생성하여 클라이언트 요청 시마다 전달하는 방식으로 변경했습니다. 이로써 렌더링 중복을 제거 시켰습니다.

[RMRP 퍼블리싱 및 개발 보조 프로젝트 ]

퍼블리싱

• 피그마 디자인에 따른 퍼블리싱 작업

• CSS의 grid와 flex를 활용한 레이아웃

• scss를 통한 150가지의 변수명 반복문 사용

• postCSS를 활용한 모듈화

RMRP 프로젝트를 통해 CSS의 Grid와 Flex를 활용한 레이아웃 구성, SCSS를 통한 150가지 이상의 변수 반복문 사용, 그리고 사이드 이펙트에 따른 예상 못한 결과로 힘들었던 문제를 해결하기 위해서 PostCSS를 활용한 CSS 모듈화로 효율적이고 유지보수 가능한 코드를 작성하는 방법을 배웠습니다. 또한, 프론트엔드 작업을 보조하며 MVC 패턴의 한계를 인지하고 리덕스의 Flux 패턴을 이해하고 상태 관리 라이브러리를 적용하는 방법을 학습했습니다.

[IoT 센서 데이터 통신 프로젝트]

IoT 프로젝트에서 하드웨어 개발자와 협력하여, C 언어의 구조체를 활용한 데이터를 포트포워딩을 통해 서버로 전송하는 시스템을 구축했습니다. 실시간 데이터를 목표로 UDP 프로토콜을 사용하여, 하드웨어 디바이스에서 수집된 센서 데이터를 구조체로 패키징하여 네트워크로 전송하고, 서버에서 이를 수신 및 해석하여 처리하는 과정을 설계 및 개발했습니다.

오버워치 프로대비반에서 프로지망생 학생 교육 및 운영

• 학생들의 기량 향상과 프로 진출을 위한 체계적인 교육 프로그램을 운영

• 개인별 맞춤 훈련과 멘토링을 통한 프로게이머 입단자 배출

<서울게임아카데미 재직 시 인터뷰 링크>

https://buly.kr/FAbrFGY

<프로게이머 입단자 인터뷰>

https://progamerac.co.kr/board/board.php?bo_table=review&idx=2

https://buly.kr/4mb3Txx

LinGan e-Sports.Huya의 오버워치 프로게임단 Head Coach로서, 중국 프로리그 우승

• 한국인과 중국인이 혼합된 팀을 관리 및 조율, 전략적 기획과 전술적인 접근을 통해 프로리그 팀 우승

https://liquipedia.net/overwatch/Hiru

PHOENiX(프로게임단)의 오버워치 프로게임단 Head Coach로서, 아시아 태평양 프로리그 3위 달성

• 팀의 전반적인 운영과 훈련 프로그램을 관리, 경기 전략 수립 및 분석

• 선수들의 개인 기량 향상과 팀워크 강화에 집중, 지속적인 피드백과 멘토링 제공

https://liquipedia.net/overwatch/Hiru

AWS에서 주관하는 테크캠프는 참가자들이 AWS 기술을 실시간으로 실습하며 학습할 수 있는 프로그램입니다.

AWS 클라우드 서비스와 관련된 다양한 기술을 심도 있게 배우고, 실습 환경에서 직접 적용해보는 좋은 기회를 경험했습니다.

컴퓨터 네트워크 이론과 실무 개념을 심층적으로 분석하고 학습하는 과정은 네트워크의 기본 원리부터 고급 기술까지를 다룹니다.

이론적 지식과 함께 실제 환경에서의 문제 해결 능력을 키우며, 최신 네트워크 기술을 실무에 적용할 수 있는 역량을 학습했습니다.

React를 활용한 실습을 통해 웹 개발 실무 역량을 강화하는 과정은, 최신 프론트엔드 기술을 학습하고 이를 실제 프로젝트에 적용할 수 있는 능력을 기르는 데 중점을 둡니다.

React의 핵심 개념과 기능을 익히며, 웹 애플리케이션을 효율적으로 구축하고 관리하는 방법을 실습을 통해 학습했습니다.

스마트워크 기술과 AI 활용을 통해 생산성 향상 및 네트워킹을 주제로 참여하며, GPT와 같은 AI 도구를 활용한 업무 효율화 방법을 배우고 실습을 진행했습니다.