미리보기

이노킵은 설비 판매사와 설비 사용자(공장) 에게 손쉽게 설비를 관리할 수 있는 솔루션인 CMMS(Computerized Maintenance Management System)를 웹 구독형으로 제공하는 스타트업입니다.
저는 현재 Next.js, Supabase, PostgreSQL 서버리스 기반의 반응형 웹 솔루션을 개발하고 있습니다. 프론트엔드, 백엔드, 배포를 모두 담당하고 있으며 기획도 참여하고 있습니다.
3일이라는 짧은 기간동안 홈페이지(https://innokeep.com) 을 개발, 배포했으며 이후부터 솔루션(https://innokeep.app) 개발에 참여하게 되어 일촌, 채팅, 관리자 기능을 구현했으며 현재는 설비사용자와 판매사 사이의 설비정보 요청, 저장, 점검, 정비 스케쥴 배치작업 및 캘린더 표시 등의 다양한 상호작용을 개발하고 있습니다.
이 과정에서 개발 역량만 배양하는 것이 아닌 사업분야에 대한 관심과 학습을 통해 보다 사용자의 사용성을 고려한 솔루션을 개발하려 노력하고 있습니다.
뿐만 아니라, 입사 후 협업과 관련하여 느낀 두 가지 문제점을 개선했습니다. 스타트업 특유의 정돈되지 않은 업무 추적과 관련해서 개선의 필요성을 느꼈습니다. 이에 앞장서서 일간 업무 내역을 작성하는 공간과 템플릿을 작성했고 현재는 모든 팀원이 이 방법의 필요성에 공감하여 함께 진행하고 있습니다.
또한 기획 팀원의 기획안 전달이 구두나 서면으로 이뤄져서 불필요한 소통 비용이 발생했고 개발된 결과물을 수정해야 하는 일이 잦았습니다. 이를 개선하기 위해 간략한 와이어프레임을 만들어 시각적인 자료의 필요성에 대해서 팀원을 설득했고 이후에 소통비용이 감소하는 것은 물론 개발 효율이 비약적으로 상승했습니다.

(주) 이노킵 솔루션

https://innokeep.app

• CMMS(Computerized Maintenance Management System) 웹 구독형 서비스 스타트업인 이노킵의 솔루션

• 2개월간 1인 개발된 솔루션을 유지보수 및 추가 기능 구현하는 과정

개발한 주요 기능

• 일촌 기능

  • 기업 단위의 일촌(친구) 기능과 그 관계에 의한 기능 패키징

• 채팅 기능

  • 채널링을 통한 실시간 채팅과 메세지 읽음 처리

  • 트리거함수를 통한 최신 메세지, 마지막 메세지 시간 갱신 로직 구현

  • 사용자 친화적인 UI/UX 와 빠른 메세지 로딩, 자동메세지 발송 등 사용성(채팅 내역 100개 단위로 fetch)

• 관리자 기능

  • 이노킵 관리자 계정으로만 접근 가능한 관리자 페이지 구현

  • 사용 기업의 구독 모델 지정 및 매니저, 작업자 숫자 적용 기능

• 반응형 웹 작업 및 컴포넌트 구현

  • 다크테마 및 휴대기기 해상도 대응 스타일 적용

  • 설비 판매사용, 설비 사용자용 페이지 양측에서 사용가능한 유연한 컴포넌트 제작 및 기존 컴포넌트 수정

개발중인 주요 기능

• 판매사에게 설비 매뉴얼 요청 및 적용

  • 판매사의 요청 받은 매뉴얼 전송

• 설비 매뉴얼로 등록된 점검, 정비 정보를 통한 스케쥴 자동 생성

  • 배치 작업으로 효율적인 스케쥴 관리 및 주기 수정과 같은 변동에 유연성

• 생성된 스케쥴 주기에 따라 캘린더에 표시 및 담당자에게 표시

사용한 기술 스택

• FE

  • TypeScript, Next.js 14, TailwindCSS

• BE

  • TypeScript, Next.js 14, Supabase, PostgreSQL, pg_cron, Vercel

(주) 이노킵의 홈페이지

https://innokeep.com

• CMMS(Computerized Maintenance Management System) 웹 구독형 서비스 스타트업인 이노킵의 홈페이지

• 3일간 1인 개발 및 배포

개발한 주요 기능

• 회사 소개, 주요 기능, CTA Section, 메일 문의 등의 정보성 웹사이트를 반응형 웹으로 구현

사용한 기술 스택

• FE

  • TypeScript, Next.js 14, TailwindCSS

• BE

  • TypeScript, Next.js 14, Supabase, PostgreSQL, Vercel

커스터마이징 에셋을 활용한 롤링페이퍼 플랫폼

https://github.com/jeongwonchogwa/groogroo

• 사용자의 입력을 도트 그래픽의 '나무'로 바꿔 정원에 심고 서로의 나무에 롤링페이퍼인 '열매'를 달아주는 서비스

• 6명의 팀으로 6주간 진행

• 1등의 성적으로 우수상 수상

기여도

• 백엔드 개발을 통한 30%의 기여도

  • 나무, 정원, 열매 API 개발

  • 좋아요 기능(Redis 캐싱, SSE 실시간 알림) 개발

  • 파파고 API, Dall-E 3.0을 활용하여 사용자 입력을 통해 도트 그래픽의 이미지를 생성하고 배경 제거, 이미지 해상도를 변환하는 로직 구현

사용한 기술 스택

• BE

  • Java, Spring Boot, JPA, SSE, Redis, MySQL

• 협업

  • Jira, Notion, Git

시각장애인의 영상통화 간 상대방 표정 분석 서비스

https://github.com/project-VODA/VODA

• 시각장애인의 영상통화 간 상대방의 표정을 분석, 음성으로 알려주는 서비스, 추가 기능인 색상 분석 서비스

• 6명의 팀으로 6주간 진행

• 실로암 시각장애인 복지센터에서 사용 피드백과 인터뷰 진행

• 1등의 성적으로 우수상 수상

기여도

• 풀스택 개발을 통한 30%의 기여도

• FE

  • 컴포넌트 개발

  • 토글에 따른 스크린 타입(디테일, 심플) 제어

  • Redux 상태관리

• BE

  • 회원, 친구, 고객의소리함(게시판) API 개발

  • SSE를 통한 실시간 통화 알림 개발

사용한 기술 스택

• FE

  • TypeScript, React, Redux

• BE

  • Java, Spring Boot, JPA, SSE, Redis, MySQL

• 협업

  • Jira, Notion, Git

주식 입문자를 위한 차트 게임 서비스

https://github.com/KUMA93/ChartFlow

• 주식 입문자를 위한 모의 투자 게임 서비스, 랭킹, 칭호 기능, 경제 퀴즈

• 6명의 팀으로 6주간 진행

기여도

• 풀스택 개발을 통한 40%의 기여도

• FE

  • 구현한 API에 대한 axios 연결

• BE

  • 차트 게임(매수, 매도, 턴 진행, 게임 시작, 게임 이어하기, 차트 정보 조회) API 개발

  • 퀴즈 API 개발

  • 주식 정보 가공 후 DB 저장 -> 인덱스 생성으로 조회 성능 개선

사용한 기술 스택

• FE

  • TypeScript, React, Redux

• BE

  • Java, Spring Boot, JPA, Python, MySQL

• 협업

  • Jira, Notion, Git